国产探花免费观看_亚洲丰满少妇自慰呻吟_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教程頻道。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 丰原市| 福安市| 垣曲县| 紫云| 泗洪县| 赞皇县| 紫金县| 泰安市| 昔阳县| 青岛市| 日土县| 渭南市| 灵石县| 岳普湖县| 武乡县| 巴林右旗| 梓潼县| 绿春县| 龙门县| 新密市| 锡林郭勒盟| 错那县| 大庆市| 习水县| 仪征市| 封开县| 甘泉县| 英吉沙县| 金秀| 龙井市| 泾阳县| 濉溪县| 当雄县| 精河县| 新晃| 高要市| 天等县| 磐石市| 金乡县| 白朗县| 中方县|