国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

詳解JS實現簡單的時分秒倒計時代碼

2024-05-06 15:40:11
字體:
來源:轉載
供稿:網友

本文實例為大家分享了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方法,顯示動態(tài)時間效果      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時分秒倒計時的實現詳解整合,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對錯新站長站網站的支持!

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表

圖片精選

主站蜘蛛池模板: 邵武市| 巴塘县| 拜城县| 建德市| 区。| 肃南| 家居| 林芝县| 新营市| 威远县| 萝北县| 荣昌县| 镇安县| 蓝田县| 特克斯县| 阜新| 公安县| 长丰县| 营山县| 金湖县| 昭觉县| 四子王旗| 晋州市| 安岳县| 大安市| 永年县| 吴桥县| 东明县| 宁乡县| 同心县| 交城县| 东乡县| 台南市| 宣化县| 安仁县| 广宗县| 惠安县| 阳山县| 延边| 乌什县| 开阳县|