Question

我在JQuery中创建一个小游戏，需要两种类型的倒计时器，每个都将在游戏的每个级别重复使用，因此需要清除/重新设置为原始值。

 -Timer One: Countdown from 5 seconds then call gameLevel.
 -Timer Two: Countdown from 60 seconds and then call levelOver.

我试图在没有达到Keith Wood插件的情况下这样做，因为我在倒计时功能中有一些其他与游戏相关的东西，所以我想让它尽可能透明。

这是Timer One，它运行良好：

//5 second countdown to game start
var counter=setInterval(levelStartTime, 1000);
var $level_start_time = 5;

function levelStartTime() {
    $level_start_time = $level_start_time-1;
    if ($level_start_time <= 0)
      {
        clearInterval(counter);
        gameLevel($level);
        return;
      }
    $('.level-start-time span').text($level_start_time);
  }

当然，如果我试图简单地将它复制到Timer 2，我会得到各种各样的数学古怪。任何人都可以建议重组，让我在我的页面中有两个倒计时，或指向我做一个类似的演示吗？

Answer 1

与Kevin B评论一样，你可以做一些像使用一小段时间的事情：

var counter = setInterval(levelStartTime, 100); // Small interval.
var $level_start_time = new Date(date.getTime() + 5000);

function levelStartTime() {
    if ($level_start_time >= date.getTime())
    {
        clearInterval(counter);
        gameLevel($level);
        return;
    }
    $('.level-start-time span').text($level_start_time);
}

使用JQuery在一个页面上有多个倒计时器

1 个答案: