Добавление таймера в 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(); и что-то похожее в конце, чтобы определить, в какие моменты ваша игра начинается и заканчивается. Вычитая эти значения, вы получаете время в миллисекундах, которое игра продолжалась.