Question

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

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

所以我的问题是：
如何确保代码在if语句中每2秒仅执行一次，该语句位于每100毫秒运行一次的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);
};

Answer 1

我认为你要求的是双倍间隔计时器。

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

Demo Fiddle here.

每隔几秒钟只在setInterval函数内执行一次代码

1 个答案: