在jQuery中以时间间隔运行函数

我想通过使用jQuery制作横幅。 当页面加载脚本将逐个显示一组照片。 例如，控制器发送10张照片，每张照片将在10分钟后30秒内显示，脚本需要来自控制器的另一张照片。

问题是：我如何制作一个在30秒内运行的function。 我需要在一个时间间隔内运行一个函数，没有任何按钮点击或其他任何事情。

Answer 1

主要方法是：

setInterval(function () { console.log('it works' + new Date()); },30000); 

如果您将来需要清除间隔：

 var myInterval = setInterval(function () { console.log('it works' + new Date()); },30000); 

在将来：

 clearInterval(myInterval); 

Answer 2

尝试这样的事情：

HTML：

 
 
Image 1
 
Image 2
 
Image 3
 
Image 4
 
Image 5
 
​ 

CSS：

 ul{height:20px; overflow:auto}​ 

JS：

 var $ticker = $('ul#ticker'); var speed = 300; var pause = 3000; var tick = function () { var first = $ticker.find('li').first().animate({ height: 0 }, speed).hide('normal', function() { $(this).remove(); $ticker.append('
' + first + '
'); }).html(); }; $('ul#ticker').click(tick); setInterval(tick, pause); 

在这里，一个简单的演示 。

Answer 3

JavaScript提供了setTimeout函数 ：

 var timeoutID = window.setTimeout(code, delay); 

Answer 4

你应该像这样使用setInterval

 setInterval( "alert('Hello')", 5000 );