0

我正在开发一个简单的 HTML 和 Javascript 项目;我的计时器有问题。

我正在计算两个Date()对象之间的秒数;每2秒,我想得到一个新的随机数。我有一个setInterval每 100 毫秒运行一次,当我超过 2 秒时,if语句中的代码应该运行。

所以我的问题是:
如何确保代码在每 100 毫秒运行一次的if语句中每 2 秒执行一次?setInterval()

这是代码:

var startTime = new Date();
var endTime = new Date();

var randomNumber = 0;

var gameTimer = setInterval(function(){
    //calculate seconds;
    var secondsPassed = Math.round( (endTime - startTime) / 1000 );

    if(modulo(secondsPassed,2) == 0){
        //when the "gate" is open this keep executing every 100 mili seconds.
       //but i want it to execute only once every 2 seconds.
        randomNumber = Math.floor(Math.random()*lanes.length);
        $(lanes[randomNumber]).append(box);
    }

    endTime = new Date();
}, 100);

var modulo = function (n, m) {
    var remain = n % m;
    return Math.floor(remain >= 0 ? remain : remain + m);
};
4

1 回答 1

3

我认为您要的是双间隔计时器。

var interval = 100, beat = 2000, ticks = 0;
var timer = setInterval(function(){
    runsEvery100ms(); // ««« Code here runs every 100 ms.
    if (ticks > 0 && ticks % beat === 0) {
        runsEvery2000ms(); // ««« Code here runs every 2000 ms.
        ticks = 0;
    }
    ticks += interval;
}, interval);

演示小提琴在这里。

于 2013-02-21T00:23:44.453 回答