2014-09-10 144 views
0

我想將我的Instagram中的圖片顯示到網站上。我成功地使用了圖像顯示部分,但是當我使用標記上傳新圖像時,我想在不刷新瀏覽器的情況下顯示它。我想在1秒後再次調用代碼。在特定的時間間隔後運行instagram代碼

var feed = new Instafeed({ 
    clientId: 'fd49a37da9f04a47b046395a5d2a8fb9', 
    limit: 17 , 
    get:'tagged', 
    tagName:'kdy14', 
    after: function() { 
    var images = $("#instafeed").find('a'); 
    $.each(images, function(index, image) { 
     var delay = (index * 75) + 'ms'; 
     $(image).css('-webkit-animation-delay', delay); 
     $(image).css('-moz-animation-delay', delay); 
     $(image).css('-ms-animation-delay', delay); 
     $(image).css('-o-animation-delay', delay); 
     $(image).css('animation-delay', delay); 
     $(image).addClass('animated flipInX'); 
    }); 
    }, 
    template: '<a href="{{link}}" target="_blank"><img src="{{image}}" /></a>' 
}); 
feed.run(); 

我想讓這個JS每1秒後運行一次。我怎麼能這樣。

回答

1

使用:

setInterval(function(){feed.run();}, 1000);//1000 is 1 s 

PS:如果你想停止它在某些地方這樣做:

//first put the interval ID in an a var 
    var intervalID = setInterval(function(){feed.run();}, 1000); 

//then when you want to stop it just do 
    clearInterval(intervalID); 
0

setInterval另一種方法是一個遞歸setTimeout功能,有些人似乎寧願:

var timer; 
(function looper() { 
    feed.run(); 
    timer = setTimeout(looper, 1000); 
}()); 

並予以清除:

clearTimeout(timer); 

DEMO