倒计时的工作方式
倒计时在浏览器中每秒更新一次。每次更新时,它会计算当前时间与下一个配置生日之间的差值。自动滚动到下一年
一旦生日过去,目标日期会自动顺延到下一年同月同日。你不需要在每次生日后更新任何配置。生日当天的庆祝画面
当四个倒计时单位全部归零 — 即今天就是生日时 — 计时器会被隐藏,并替换为:- 一个大号的 生日快乐 标题
- 你在配置中设置的
greeting信息,或默认的"祝你生日快乐" - 一个 送上祝福 按钮,直接链接到
/write,让访客可以立即留言
漂浮歌词动画
在整个首页中,简短的歌词片段会从随机位置向上浮起,并在五秒内淡出。每两秒就会出现一段新的片段。这些氛围歌词由一条 CSS 动画驱动,让文字向上漂浮再淡出。配置生日日期
生日日期和显示名称在lib/birthday-config.ts 中设置。该文件导出一个 BirthdayPerson 接口和一个 birthdayConfig 对象。
倒计时使用的是访客浏览器的本地系统时间,而非服务器时钟。如果生日落在某个时区的午夜,那么其他时区的访客看到庆祝画面的本地时间可能会略有不同。