javascriptのsetTimeoutを使用して何度か匿名関数を実行する

Question

ウェブサイトで次の関数を使用しています。私が使用している厄介なjQueryを排除するスタンドアロン関数として宣言せずにこの関数を複数回実行する方法はありますか？コードを何回もコピーして貼り付けないでください。

別紙A：私はこれを行うにはしたくない

setTimeout(function(){ 

    $('.nav > li > a').each(function(k,el){ 
     var width = $(this).parent().width(); 
     $(this).next('span').width(width); 
    }); 

},1000); 

：

setTimeout(function(){ 
     // same code here 
},1000); 

setTimeout(function(){ 
     // same code here 
},3000); 

setTimeout(function(){ 
     // same code here 
},5000); 

をまた私はこれをしたい操作を行います。

function myfunction{ 
    // same code here 
} 

setTimeout('myFunction()',1000); 
setTimeout('myFunction()',3000); 
setTimeout('myFunction()',5000); 

Answer 1

for (var i = 1000; i <= 5000; i += 2000) { 
    setTimeout(func, i); 
} 

または

var times = [1000, 3000, 5000]; 
for (var i=0; i<times.length; i++) { 
    setTimeout(func, times[i]); 
} 

新しいブラウザのみ

[1000, 3000, 5000].forEach(function(time){ 
    setTimeout(func, time); 
}); 

Answer 2

はい、setIntervalを使用方法。

setInterval(function() { 
    $('.nav > li > a').each(function(k,el){ 
     var width = $(this).parent().width(); 
     $(this).next('span').width(width); 
    }); 
}, 2000); 

//run every two seconds 

また、あなたが繰り返しのsetTimeoutを呼び出すことができます...

myFun = function() { 
    $('.nav > li > a').each(function(k,el){ 
     var width = $(this).parent().width(); 
     $(this).next('span').width(width); 
    }); 
    setTimeout(myFun, 2000); 
} 

setTimeout(myFun,1000); 

これは、など、1000,3000をやってと同じ効果を持っている必要があります...

Answer 3

あなたは$.map

$.map([1000,3000,5000], function(time,index){ 

setTimeout(function(){ 
     $('.nav > li > a').each(function(k,el){ 
     var width = $(this).parent().width(); 
     $(this).next('span').width(width); 
    }); 
},time); 

}); 

Answer 4

(function(){ 
    var i, weirdProblem = function(timeout) { 
     setTimeout(function() { 
      $('.nav > li > a').each(function(){ 
       var width = $(this).parent().width(); 
       $(this).next('span').width(width); 
      }); 
     },timeout); 
    }; 
    for(i = 1; i <= 5; i+=2) { 
     weirdProblem(i*1000); 
    } 
})(); 

を使用することができますクロージャが宣言をカプセル化していないし、ゴミはもう一度収集に使用されます。確かにこれのポイント。非常に奇妙な。