Dodawanie timera do płótna html5 [closed] - javascript, html5, canvas, timer

zastanawiałem się, czy ktoś może mi pomócdodając licznik czasu do mojej gry na płótnie, celem gry jest unikanie obiektów, dopóki nie zderzysz się z jednym, chcę, aby upływający czas był końcowym wynikiem. Chciałbym, aby na płótnie pojawił się licznik czasu. Gdy gra się skończy, chcę, aby wynik był wyświetlany. Każda pomoc będzie mile widziana, dzięki

Odpowiedzi:

PRZYKŁAD

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

Możesz użyć var start_time = new Date().getTime(); i coś podobnego na końcu, aby określić, o której godzinie zaczyna się i kończy gra. Odejmując te wartości, otrzymujesz czas w milisekundach, przez jaki gra trwała.