Question

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

Answer 1

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

Answer 2

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

添加计时器到html5画布游戏

2 个答案: