详解JS实现简单的时分秒倒计时代码

2024-05-06 16:50:16

字体：大中小

来源：转载

供稿：网友

本文实例为大家分享了JS时分秒倒计时的实现的具体代码，供大家参考，具体内容如下

<!DOCTYPE html><html lang="en"><head>  <meta charset="UTF-8">  <title>js简单时分秒倒计时</title>  <script type="text/javascript">    function countTime() {      //获取当前时间      var date = new Date();      var now = date.getTime();      //设置截止时间      var endDate = new Date("2016-10-22 23:23:23");      var end = endDate.getTime();      //时间差      var leftTime = end-now;      //定义变量 d,h,m,s保存倒计时的时间      var d,h,m,s;      if (leftTime>=0) {        d = Math.floor(leftTime/1000/60/60/24);        h = Math.floor(leftTime/1000/60/60%24);        m = Math.floor(leftTime/1000/60%60);        s = Math.floor(leftTime/1000%60);                }      //将倒计时赋值到div中      document.getElementById("_d").innerHTML = d+"天";      document.getElementById("_h").innerHTML = h+"时";      document.getElementById("_m").innerHTML = m+"分";      document.getElementById("_s").innerHTML = s+"秒";      //递归每秒调用countTime方法，显示动态时间效果      setTimeout(countTime,1000);     }  </script></head ><body onload = "countTime()">  <div>    <span id="_d">00</span>    <span id="_h">00</span>    <span id="_m">00</span>    <span id="_s">00</span>  </div></body></html>

代码总结：

Math.floor：返回小于等于参数的最大整数

setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式

以上所述是小编给大家介绍的JS时分秒倒计时的实现详解整合，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对VeVb武林网网站的支持！

注：相关教程知识阅读请移步到JavaScript/Ajax教程频道。

上一篇：node.js ws模块搭建websocket服务端的方法示例

下一篇：详解javascript中的Error对象