Question

我想将我的Instagram图片显示在网站上。我成功使用了图像显示部件，但是当使用我提到的标签上传新图像时，我想在不刷新浏览器的情况下显示它。我想在1秒后一次又一次地调用代码。

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();

我希望每1秒后运行一次这样的JS。我怎么能这样呢。

Answer 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);

Answer 2

setInterval的替代方案是递归setTimeout函数，有些人似乎更喜欢这个函数：

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

要清除它：

clearTimeout(timer);

DEMO

在特定时间间隔后运行instagram代码

2 个答案: