倒计时功能

倒计时功能
文献种类：专题技术文献；
开发工具与关键技术： DW、JS
作者：方建恒 ；年级：20级 ；撰写时间： 2021 年 7 月 18日
下面我们来看一下如何实现倒计时的功能，
我们主要会用到Date()方法和parseInt()方法，
前者是用来返回当日的日期和时间，
后者是用来解析一个字符串并返回一个整数。
首先我们先在body标签里写上四个span标签用来放置计算好的时间，
然后分别给予id名：day、hour、minute、second，
再把相应的样式给予它们，如图：

接下来我们用JS来实现倒计时的功能，
首先我们要创建一个名为countDown的方法，
然后运用Date()方法获取到当前的日期和时间并赋值给now，
再用Date()方法设置你倒计时的截止日期和时间并赋值给end。
最后再用设置的end减去获取到的当前日期和时间now，
得出一个字符串并把它赋值给time。如图：

接下来用parseInt()方法解析出time里面的天数、小时、分钟、秒钟，
并分别赋值给d、h、m、s这四个变量。为了美观，
我们要做一个判断，当解析出的数字小于9时，
我们要在它前面加一个0，如图：

然后再将获取好的天数、小时、分钟、秒钟用innerText方法添加到页面上相应的位置，最后再用setTimeout方法实现递归操作，
时间间隔设为1000毫秒。如图：

这样子，倒计时的功能就完了，实际效果如下图所示：