Question

我试图为Snake Game添加一个计时器并在游戏开始时同时启动它并在它完成时停止它。有什么帮助吗？非常感谢！

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

看看这里：

＆＃13;

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);
}

＆＃13;

<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>

＆＃13;

如何在HTML5和Javascript中添加计时器？

2 个答案: