setIntervalループに複数回適用する方法

Question

ここでは合計初心者です。私はsetIntervalを使ってリストをフィルタリングし、各リスト項目に2秒ごとにクラスを追加/削除するスクリプトを持っています。

setIntervalループごとに異なる時刻を適用できるように、このスクリプトを編集するにはどうすればよいですか？

たとえば、最初のリスト項目では、setInterval（または遅延）を3秒にし、2番目のリスト項目を1.5秒にしたいなど、リストが終了するまで続きます...私は、それぞれのループが異なるタイミングをとる必要があります。どのようにこれを行うことができますか？ あなたの助けに感謝します。

$(function() { 
var $list = $('#animation li'); 
    $list.filter(':first').addClass('go'); 

    setInterval(function() { 
     if($list.filter('.go').index() !== $list.length - 1) { 
     $list.filter('.go').removeClass('go').next().addClass('go'); 
     } 
    else { 
     $list.removeClass('go').filter(':first').addClass('go'); 
     } 
    }, 2000); 

Answer 1

setInterval内でsetIntervalを呼び出します。

var intervalFunc = new function(){ 
    if($list.filter('.go').index() !== $list.length - 1) { 
    $list.filter('.go').removeClass('go').next().addClass('go'); 
    } 
else { 
    $list.removeClass('go').filter(':first').addClass('go'); 
    } 
    // Calculate the next time func 
    var timeout = ... 
    setInterval(intervalFunc, timeout); 
} 

setInterval(intervalFunc, 2000); 

Answer 2

非常に原始的な例が、ちょうど方法論を示す：

var $list = $('#animation li'); 
var worker = function(){ 
    // 
    // perform your process(es) 
    // 

    // only continue on if necessary 
    if (continue_working) 
    timer = setTimeout(worker, Math.random() * 5 * 1000); 
} 
var timer = setTimeout(worker, 2000); 

// to stop at any time 
clearTimeout(timer);