Запустите анонимную функцию несколько раз, используя javascript setTimeout - PullRequest
Новая
       0

Запустите анонимную функцию несколько раз, используя javascript setTimeout

0 голосов
/ 13 декабря 2011

Я использую следующую функцию на веб-сайте.За исключением небрежного 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);

Ответы [ 4 ]

3 голосов
/ 13 декабря 2011 
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);
});
3 голосов
/ 13 декабря 2011

Да, используйте метод 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 и т. Д ...

1 голос
/ 14 декабря 2011 
(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);
    }
})();

Закрытие заключает в себе объявления и будет собирать мусор, когда он больше не будет использоваться.Не уверен, что смысл этого все же.Очень странно.

1 голос
/ 13 декабря 2011

Вы можете использовать $. 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);

});
...