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

首頁 > 編程 > JavaScript > 正文

js實現倒計時關鍵代碼

2019-11-19 16:39:59
字體:
來源:轉載
供稿:網友

我們經常會在一些電商網站上看到秒殺倒計時,雙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) + "秒";      }

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

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 嘉兴市| 巫溪县| 云安县| 佛教| 泰州市| 鲁山县| 阜宁县| 菏泽市| 永昌县| 海盐县| 奉新县| 南江县| 正镶白旗| 汨罗市| 科尔| 日照市| 东乡| 康马县| 清徐县| 西藏| 衡阳市| 武义县| 体育| 福安市| 西畴县| 苏州市| 雅安市| 桐乡市| 茶陵县| 婺源县| 兴义市| 叶城县| 南和县| 桦川县| 南京市| 江山市| 吉首市| 凤山市| 遂川县| 固原市| 阜平县|