向 html5 画布游戏添加计时器

Adding a timer to html5 canvas game

本文关键字：游戏 添加 计时器 html5 布游戏      更新时间：2023-09-26

我想知道是否有人可以帮助我为我的画布游戏添加一个计时器，游戏的目的是躲避物体直到你与物体相撞，我希望经过的时间是最终分数。我希望画布上有一个计时器，当游戏结束时，我希望显示分数。任何帮助将不胜感激，谢谢

您可以在末尾使用var start_time = new Date().getTime();和类似的东西来确定游戏开始和结束的时间。通过减去这些值，您最终会得到游戏持续的时间（以毫秒为单位）。

示例

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
相关文章：