哄女朋友--相遇纪念日web版

1,706 阅读1分钟

相遇即缘分。每个相遇日都是缘分的碰撞。

源代码: Github

执行环境

Windows 7/10 (其他版本自测哈)

操作步骤

  1. 获得css、js、html三个部分的文件。
  2. 双击 index.html 在浏览器即可观看到效果。

左侧是一段表述腻歪、开心和相爱到老等甜蜜的话; 右侧会展开一个心形的桃心,中间是相遇时间距今时间。

  1. 整个界面采用打字式逐渐显示出来的,暂不支持其他显示方式 。

最终效果

GW7qpT.png

自定义

以下操作建议使用vsCode打开进行编辑,简称编辑;

相遇时间自定义

左侧

编辑index.html 在 27行 后边,将2018-08-18 改为自定义的相遇时间即可。

右侧

编辑index.html 在 77,78,79,80行 ,是右侧计时器的开始时间,年、月、日、时、分、秒。当前是 2018年7月18日14时20分0秒。

将月份减少一个月(忘记是哪个问题了,自测时间跨度准确性哈)

两位主人公自定义

左侧

编辑index.html 在 29、30行 修改后边的 大喵喵(男),大宝宝(女),修改为自定义主人公名称即可。

右侧

心下边有一个落款也需要修改一下,编辑index.html 在 61行 修改 大喵喵(男) 为发起方的名称即可。