# 倒计时
**Repository Path**: HunLi-Xl/Gaokao_time
## Basic Information
- **Project Name**: 倒计时
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: GPL-2.0
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No
## Statistics
- **Stars**: 0
- **Forks**: 2
- **Created**: 2025-10-13
- **Last Updated**: 2025-12-22
## Categories & Tags
**Categories**: Uncategorized
**Tags**: None
## README
# 高考倒计时（高中版）
一个纯前端的高考倒计时单页应用，开箱即用。支持修改目标考试时间、联系方式与样式，适合部署到本地或任何静态网站托管平台。
## 功能特性
- 倒计时展示：精准到秒的高考倒计时（默认 2024-06-07 09:00:00）
- 视觉效果：玻璃球、下雪等装饰元素与全屏滚动切换
- 联系方式区块：支持邮箱、QQ、微信等方式展示
- 纯前端静态：无需后端服务，直接双击打开 index.html 即可
- 易于自定义：日期、标题、文案、样式均可快速修改
## 目录结构
```
Gaokao_time-main/
├─ index.html # 主页（倒计时与联系信息）
├─ css/
│ ├─ style.css # 站点主要样式
│ ├─ fullpage.css # 全屏滚动样式
│ └─ font-awesome.min.css # 字体图标样式
├─ js/
│ ├─ script.js # 页面交互逻辑与初始化
│ ├─ countdown.min.js # 倒计时库
│ ├─ jquery.min.js # jQuery
│ ├─ jquery.fullpage.min.js # 全屏滚动库
│ └─ three.canvas.js # 动效相关库
├─ images/ # 图片资源（含装饰图）
├─ fonts/ # Font Awesome 字体资源
├─ Other/ # 其他附加资源（可选）
├─ LICENSE # 开源协议
└─ README.md # 项目说明文档（本文件）
```
## 快速开始
- 本地直接打开：
1) 下载仓库或解压到任意目录
2) 双击 index.html 用浏览器打开即可
- 静态托管部署（任选其一）：
- GitHub Pages / Gitee Pages / Netlify / Vercel / 静态服务器（Nginx/Apache 等）
- 将整个项目目录上传到托管服务或服务器的站点目录下即可访问
## 自定义指南
1) 修改倒计时目标日期
- 打开文件：index.html
- 找到如下标记（data-date 属性）：
- 将日期改为你需要的目标时间，格式：YYYY MM DD HH:MM:SS
例如：2025 06 07 09:00:00
2) 修改页面标题与文案
- 标题位于 index.html：
2024高考倒计时
2024高考倒计时
- 可同步改为与你的年份或主题一致的文字
3) 修改联系方式
- 在 index.html 的“联系方式”区块内替换 QQ、微信、邮箱等文本内容与链接
- 注意其中一个图标链接属性写成了 herf，应改为 href 以确保可点击（位于源码“源码仓库”图标处）
4) 视觉与样式调整
- 全局样式主要在 css/style.css 中，可根据需要调整颜色、布局、动效
- 背景图等资源在 images/ 目录中；也可在 CSS 中自定义背景
5) 离线可用性
- 页面引用了外部样式与脚本：
- https://wuzuhua.wuzuhua.cn/gkdjs/css/mystyle.css
- https://wuzuhua.wuzuhua.cn/gkdjs/js/mynavbar.js
- 若需离线或稳定可用，建议：
- 将上述文件下载到本地并改为相对路径引用，或
- 替换为你可控的 CDN/静态资源地址
## 浏览器支持
- 现代浏览器（Chrome、Edge、Firefox、Safari 等最新版）
- 项目基于原生 HTML5/CSS3/ES 标准与常用前端库实现，不依赖非标准 API
## 开发与规范
- 技术栈：纯前端静态页面 + jQuery生态部分库
- 代码组织：HTML/CSS/JS 分离；请保持语义化与可维护性
- 质量建议：
- 修改脚本前先阅读 js/script.js 初始化逻辑
- 若自建工程，可接入 ESLint/Stylelint 做规范校验
## 常见问题（FAQ）
1) 时间格式是否必须是空格分隔？
- 是的，当前倒计时实现依赖 data-date 中空格分隔的“年 月 日 时:分:秒”格式，请按示例保持空格分隔与冒号分隔
2) 为什么“源码仓库”图标点击无效？
- 因为 a 标签属性书写为 herf，应更正为 href 后生效；或直接替换为正确的仓库链接
3) 双击 index.html 没有样式/脚本效果？
- 可能因外链资源加载失败；请参考“离线可用性”章节本地化相关文件
## 维护者与联系方式
- 当前页面在 index.html 中默认展示了一组联系方式（QQ/微信/邮箱），可按需替换为你的信息
## 许可证
- 本项目遵循仓库中的 LICENSE 文件（若为 Apache-2.0/MIT 等，请以实际内容为准）
## 致谢
- jQuery (jquery.min.js)
- fullPage.js (jquery.fullpage.min.js)
- Countdown.js (countdown.min.js)
- Three.js canvas 相关实现 (three.canvas.js)
- Font Awesome (字体与图标)
如果你在使用或二次开发过程中遇到问题，欢迎提交 Issue 或 PR。祝你金榜题名！