JQuery/JavaScript：乱数ジェネレータをsetInterval（）タイマーとして使用する

Question

私はJS/Jqueryの初心者です。設定された間隔でランダムな場所に画像を表示しようとしています（例えば、 a-moleゲーム）は、現在3秒ごとに繰り返すように設定されていますが、1秒から2秒までのランダムな時間に画像を表示したいと考えています。私は3000msの代わりにroleTime変数を使用しようとするが、それだけでイメージが急速にそれが中に含まれているdiv要素を埋める原因

var roleTime = Math.floor(Math.random()*(2000-1000)); 
     setInterval(function(){ 
      randRole(); 

     }, 3000); 

：ここ

は私が問題を抱えているコードです。

Answer 1

setIntervalは、1つのインターバル値（コールバック間のおおよそ同じ間隔）しか使用できません。しかし、あなたが代わりに繰り返しsetTimeoutを使用することができます。

function cycle() { 
    setTimeout(function() { 
     randRole(); 
     cycle(); 
    }, 1000 + Math.floor(Math.random() * 2000)); 
} 
cycle(); 

はまた、それが（包括的）1000および3000（排他）の間の乱数を計算する方法に注意してください：それは（包括的）0と2000の間の乱数を追加し、その後1000年を取ります（排他的）。