Skip to content

jysir99/LoveFlipTimer

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

image

项目名称:LoveFlipTimer

项目简介

LoveFlipTimer 是一个浪漫主题的恋爱计时网页项目,使用 HTML、CSS 和 JavaScript 构建。项目集成了 Fliptimer 库,实现精美的翻页式倒计时效果,并参考了 Responsive Image Gallery 设计图片展示区域。

示例地址

项目示例已部署至:https://www.j142.vip/love/

功能特色

  • ❤️ 翻页式计时器,记录恋爱时光
  • 🖼️ 图片墙,展示美好回忆
  • 📅 可自定义纪念日
  • 📸 简单配置图片链接

项目结构

LoveFlipTimer/
├── index.html      # 主 HTML 文件(在此设置开始时间)
├── urls.js         # 配置图片链接
├── style.css       # 样式文件
└── fliptimer/      # Fliptimer 库

配置指南

1. 在 urls.js 中配置照片链接

编辑 photoUrls 数组,添加你喜爱的照片链接:

const photoUrls = [
  'https://example.com/photo1.jpg',
  'https://example.com/photo2.jpg'
];

2. 在 index.html 中设置恋爱纪念日

找到 startTime 变量,填写你的特别日期:

const startTime = '2022-02-14T00:00:00';

安装与使用

  1. 克隆此仓库:
    git clone https://github.com/yourusername/LoveFlipTimer.git
  2. 使用浏览器直接打开 index.html

参与贡献

欢迎提交问题和 PR,一起完善此项目 💖

许可协议

本项目基于 MIT 许可证发布。


💌 用一场唯美的计时和影像墙,共同纪念属于你们的爱情故事!

About

LoveFlipTimer 是一个浪漫主题的恋爱计时网页项目,使用 HTML、CSS 和 JavaScript 构建。项目集成了 Fliptimer 库,实现精美的翻页式倒计时效果,并参考了 Responsive Image Gallery 设计图片展示区域。

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors