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

这可能是一个非常新手的问题，但我有一个带有计时器的游戏，计时器会逐渐下降，当计时器下降时，我会在游戏页面上显示分数

由于分数的显示链接到计时器，因此它会保持每秒显示一次分数。我怎样才能阻止它那样做

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计时器

谢谢

---

这里有一个演示（可能）

您需要这样做

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);

---

只是想在单击canvas/div而不是time interval时调用上述函数。使用.text（）而不是.append（）如何？