如何在HTML5和Javascript中添加計時器？

Question

我正在嘗試爲蛇遊戲添加一個計時器，並在遊戲開始時同時啓動它，並在遊戲開始時停止。請幫忙嗎？非常感謝！

Answer 1

下面的例子（只是示例代碼），它將計算5秒，然後提醒總秒數。你需要讓數學得到幾小時，幾分鐘，幾秒鐘。

$(document).ready(function(){ 
var secs = 0; 
var id = setInterval(function(){ 
    secs++; console.log(secs); 
    if(secs> 5){ 
    clearInterval(id); 
    alert('Total Time: ' + secs + ' seconds'); 
    } 
}, 1000); 
}); 

然後你就可以把邏輯開始/停止方法內或任何你需要的地方吧。

使用純JavaScript：

window.onload = function() { 
var secs = 0; 
    var id = setInterval(function(){ 
     secs++; console.log(secs); 
     if(secs> 5){ 
     clearInterval(id); 
     alert('Total Time: ' + secs + ' seconds'); 
     } 
    }, 1000); 
}; 

Answer 2

到這裏看看：

function changeValue() { 
 
    document.getElementById("demo").innerHTML = ++value; 
 
} 
 

 
var timerInterval = null; 
 
function start() { 
 
    stop(); // stoping the previous counting (if any) 
 
    value = 0; 
 
    timerInterval = setInterval(changeValue, 1000); 
 
} 
 
var stop = function() { 
 
    clearInterval(timerInterval); 
 
}

<p>A script on this page starts this clock:</p> 
 

 
<p id="demo">0</p> 
 

 
<button onclick="start()">Start time</button> 
 
<button onclick="stop()">Stop time</button>