可変SetInterval時間

Question

配列の別の値を選択して、setInterval関数の時間を変更しようとしています。

なぜコンソールログ出力は1つのインデックスを返しますか、まったく何も返しません。

$("input.btn1").click(function() { 
    var i = 0; 
    //var timeOut = 1000; 

    var timer = setInterval(function() { 

/* 
    var timeArr = [ 
     1000,2000,3000 
    ]; 
    var randInt = getRandomInt(0, 2); 
    var timeOut = timeArr[randInt]; 
*/  


    if(i < btn2.length) { 
      console.log("current timeout: " +timeOut); 
     } else { 
      clearInterval(timer); 
      } 
      i = i + 1; 
     }, randTimeout()); 

}); 


function randTimeout() { 
    var timeArr = [ 
     1000,2000,3000 
    ]; 
    var randInt = getRandomInt(0, 2); 
    var timeOut = timeArr[randInt]; 

    return timeOut; 
} 

function getRandomInt(min, max) { 
    return Math.floor(Math.random() * (max - min + 1)) + min; 
} 

Answer 1

randTimeout()を1回だけ呼び出すために発生します。毎回計算されているわけではありません。あなたの間隔が指定された配列からランダムな間隔で実行したい場合は、あなたがsetTimeoutを利用することができ

var timeout = randTimeout(); 
setInterval(function() { 
    // ... 
}, timeout); 

：あなたのコードは次のようにある

var timer, prevDate = new Date(), hitsLeft = 10; 
 

 
function getRandomInt(min, max) { 
 
    return Math.floor(Math.random() * (max - min + 1)) + min; 
 
} 
 

 
function randTimeout() { 
 
    var timeArr = [100, 200, 300, 400, 500, 600]; 
 
    var randInt = getRandomInt(0, timeArr.length); 
 
    var timeOut = timeArr[randInt]; 
 

 
    return timeOut; 
 
} 
 

 
function tick() { 
 
    if (hitsLeft === 0) { 
 
    console.log("Complete."); 
 
    timer = null; 
 
    return; 
 
    } 
 
    
 
    // Do whatever you need here. I just measure the passed time for demo 
 
    var currDate = new Date(); 
 
    console.log("Passed time: " + (currDate - prevDate) + " ms (" + hitsLeft + " hits left)"); 
 
    prevDate = currDate; 
 

 
    // Here, you call tick() again, with random timeout 
 
    hitsLeft--; 
 
    timer = setTimeout(tick, randTimeout()); 
 
} 
 

 
tick();