倒计时结束时显示我的分数

时间:2014-10-10 11:40:12

标签: jquery html css setinterval countdown

这可能是一个非常新手的问题但我有一个计时器逐渐耗尽的游戏,当它确实耗尽时我会在GAME OVER页面上显示得分。

由于分数的显示与计时器相关联,因此每秒都会显示分数。我怎么能阻止它呢?

var doUpdate = function() {
$('.countdown').each(function() {
  var count = parseInt($(this).html());
  if (count !== 0) {
    $(this).html(count - 1);
  } else {
    $('.gameover h4').append( "YOU SCORED "+score+"!!!" );
    $('.gameover').show();

  }
});
};

 // Schedule the update to happen once every second
 setInterval(doUpdate, 1000);

有没有办法让一个监听器检查计数,所以我不必在setInterval中有append函数,或者可能让else函数破坏setinterval timer

由于

下载演示(可能)http://thetally.efinancialnews.com/tallyassets/wackamouse/index2.html

1 个答案:

答案 0 :(得分:2)

你需要像这样做clearInterval

var timeoutev ;
var doUpdate = function() {
$('.countdown').each(function() {
  var count = parseInt($(this).html());
  if (count !== 0) {
    $(this).html(count - 1);
  } else {
    $('.gameover h4').append( "YOU SCORED "+score+"!!!" );
    $('.gameover').show();
    clearInterval(timeoutev);
  }
});
};
 // Schedule the update to happen once every second
 timeoutev = setInterval(doUpdate, 1000);