倒计时案例

倒计时代码的步骤：

1、首先生成一个模板

<div id="box">倒计时：xxx天xx小时xx分钟xx秒</div>

2、书写模板的样式

3、js逻辑

①思路：目标时间的时间戳与当前时间的时间戳的差值就是倒计时的时间戳，这里通过new.date().getTime()得到时间戳

②将得到的倒数时间戳转换成时分秒的形式

③获取模板元素，通过innerHTML模板设置添加内容

④需要每一秒执行一次这个操作，所以需要将这一系列步骤封装到函数里，通过定时器调用，为了首次页面加载不会出错，需要提前手动调用一次这个函数

完整script代码
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容