添加一個計時器到HTML5帆布遊戲

Question

我想知道如果有人可以幫我添加一個計時器到我的帆布遊戲，遊戲的目的是閃避物體，直到你碰撞一個，我想時間過去了最後的比分。我希望有一個計時器在畫布上，當比賽結束時，我想要顯示比分。 任何幫助，將不勝感激，謝謝

Answer 1

EXAMPLE

var startTime = new Date().getTime(); // set this at the game start! 
var time = 0; 
var collided = false; 
var engine; 

function collision(){ 
    collided = true; // if element is overlapping set to true 
    time = parseInt((new Date().getTime()-startTime)/1000, 10); 
} 

function game(){ 
    if(collided){ 
    alert("GAME OVER "+ time); 
    return clearInterval(engine); 
    } 
    /* GAME LOGIC HERE */ 
} 

engine = setInterval(game ,25); 


$('button').click(collision); // just to simulate 

Answer 2

你可以使用var start_time = new Date().getTime();和類似的在最後，以確定在什麼時候你的遊戲開始和結束。通過減去這些值，您將以遊戲持續的時間（以毫秒爲單位）結束。