我們經常會在一些電商網站上看到秒殺倒計時,雙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) + "秒"; }以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持武林網。
新聞熱點
疑難解答