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

首頁 > 開發 > JS > 正文

js實現倒計時關鍵代碼

2024-05-06 16:36:57
字體:
來源:轉載
供稿:網友

我們經常會在一些電商網站上看到秒殺倒計時,雙11倒計時.其實倒計時的效果實現起來也是很簡單的,并不復雜.

首先呢,開始寫之前一定要理清楚思路,思路清晰了,那寫起來就容易多了,下面我分了幾個步驟:

1.獲取當前的時間,并且定義結束的時間

2.用求未來時間和當前時間的時間差,并且求出時分秒

3.設置定時器,讓時間每秒遞減

var div = document.getElementsByTagName("div")[0];      var timer = setInterval(timers, 1000);      function timers() {        //獲取現在的時間        var now = new Date();        //獲取你想要的未來時間        var future = new Date("2017/05/10");        var time = future.getTime() - now.getTime();        //獲取距離的天數        var day = parseInt(time / 24 / 60 / 60 / 1000);        //獲取距離的小時        var hour = parseInt(time / 1000 / 60 / 60 % 24);        //獲取分        var minute = parseInt(time / 1000 / 60 % 60);        //獲取秒        var sec = parseInt(time / 1000 % 60);        if(time < 0) {          div.innerHTML = "距離蘋果發布會還有00天00小時00分00秒000毫秒";          clearInterval(timer);          return;        }        //注意點:當時間小于10的時候,要在前面補0        div.innerHTML = "距離結束時間還有" + (day < 10 ? ("0" + day) : day) + "天" + (hour < 10 ? ("0" + hour) : hour) + "小時" + (minute < 10 ? ("0" + minute) : minute) + "分" + (sec < 10 ? ("0" + sec) : sec) + "秒";      }

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持VeVb武林網。


注:相關教程知識閱讀請移步到JavaScript/Ajax教程頻道。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 林西县| 专栏| 石林| 永仁县| 临颍县| 杭锦旗| 乌鲁木齐市| 井研县| 青田县| 安顺市| 万源市| 呈贡县| 合作市| 怀仁县| 莱州市| 得荣县| 康定县| 文成县| 招远市| 澎湖县| 西和县| 萨嘎县| 临高县| 平邑县| 泰安市| 金湖县| 镇安县| 乡宁县| 华亭县| 锡林浩特市| 义乌市| 长葛市| 大渡口区| 朝阳区| 泗洪县| 报价| 同德县| 宁都县| 新兴县| 额济纳旗| 济阳县|