JavaScript60秒倒計時代碼實現

倒計時功能在很多應用場景中都會用到，比如秒殺活動、優惠券活動、競拍等等。今天我要介紹的就是JavaScript60秒倒計時代碼實現方法。

在實現倒計時之前，我們需要了解setInterval函數和Date對象：

var timer = setInterval(func,millisecond);
var date = new Date();

setInterval函數僅接受兩個參數，第一個參數為函數，第二個為時間間隔（以毫秒為單位），每隔這段時間執行一次函數。我們可以利用這個函數來實現倒計時功能。

Date對象則可以獲取當前時間，以實現倒計時的計算。

下面就是JavaScript60秒倒計時代碼實現：

<code>
function countDown() {
var now = new Date();
var future = new Date(now.getTime() + 60000);
var second = Math.floor((future.getTime() - now.getTime()) / 1000);
if (second >= 0) {
var minite = Math.floor(second / 60);
var cnt = second % 60;
if (cnt < 10) cnt = "0" + cnt;
document.getElementById("countdown").innerHTML = "剩余時間：" + minite + ":" + cnt;
} else {
clearInterval(timer);
document.getElementById("countdown").innerHTML = "時間到了！";
}
}
var timer = setInterval("countDown()", 1000);
</code>

以上代碼中，我們先獲取了當前時間，然后根據當前時間加上60秒，得到倒計時結束時間，接下來用倒計時結束時間減去當前時間，計算出還有多少秒，再通過計算獲得倒計時分鐘數和秒數，最后在網頁上顯示倒計時。

如果倒計時結束了，我們則需要清空計時器，同時提示“時間到了！”。

在使用這段倒計時代碼時，我們只需要在html頁面的合適位置添加一個id為“countdown”的div元素，代碼運行后，就會顯示當前時間距離60秒的倒計時，如下：

<code>
<div id="countdown"></div>    
</code>

至此，我們就成功地實現了60秒倒計時功能的JavaScript代碼，希望以上介紹對你有所幫助！