如何用javascript实现一小时倒计时

新建一个HTML文件，定名为test.html，用于实现倒计时功能。

在test.html页面，建立一个id为timer的div，用于下面步调获得该对象，在div内显示倒计时。

编写js代码，实现倒计时功能。起首，需要界说一小时的秒数变量，用于程序利用按时器倒数。

利用按时器方式setInterval（），实现每秒钟执行一次CountDown（）函数，CountDown（）函数本家儿要用于实现时候倒数并显示在div标签内。

在CountDown（）函数内利用if判定maxtime，当maxtime不小于零时，把倒计时的动态时候显示在div标签内。残剩的分钟数利用Math.floor(maxtime/60)计较得出，残剩的秒数由Math.floor(maxtime%60)计较得出，--maxtime实现时候的自减倒数。

当--maxtime自减小于零时，即一个小时的时候到了，这时需要利用clearInterval（）断根按时器，避免继续执行倒数。

在浏览器运行test.html，查看实现的结果。

代码百度云下载链接：

1iB8vpgQtMfa0SkAtOp3rJg 提取码: 28w8

0 条评论