使用js实现倒计时功能,需要使用到定时器方法setInterval(),每秒钟改变一次时间,实现小时的倒数。下面介绍实现的过程。
方法/步骤
2
在test.html页面,创建一个id为timer的div,用于下面步骤获得该对象,在div内显示倒计时。
3
编写js代码,实现倒计时功能。首先,需要定义一小时的秒数变量,用于程序使用定时器倒数。
4
使用定时器方法setInterval(),实现每秒钟执行一次CountDown()函数,CountDown()函数主要用于实现时间倒数并显示在div标签内。
5
在CountDown()函数内使用if判断maxtime,当maxtime不小于零时,把倒计时的动态时间显示在div标签内。剩余的分钟数使用Math.floor(maxtime/60)计算得出,剩余的秒数由Math.floor(maxtime%60)计算得出,--maxtime实现时间的自减倒数。
6
当--maxtime自减小于零时,即一个小时的时间到了,这时需要使用clearInterval()清除定时器,避免继续执行倒数。
上一篇:电脑显示屏怎么调大小比例
下一篇:如何调电脑屏幕亮度