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

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

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

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

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

var timer = setInterval(timers, 1000);
var StartTime="2018/06/10"
function timers() {
//獲取現在的時間
var now = new Date();
//獲取你想要的未來時間
var future = new Date(StartTime);
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) {

clearInterval(timer);
console.log( `距離開始時間為還有00天00小時00分00秒`)
return
}

console.log( `距離開始還有 ${day.toString().padStart(2,0)} 天 ${hour.toString().padStart(2,0)} 時 ${minute.toString().padStart(2,0)} 分 ${sec.toString().padStart(2,0)} 秒`)

}

?

轉載于:https://www.cnblogs.com/cythia/p/6808049.html

總結

以上是生活随笔為你收集整理的js实现倒计时的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。