在jQuery中每5秒调用一个函数最简单的方法是什么？

Question

JQuery,如何每5秒调用一次函数.

我正在寻找一种方法来自动更改幻灯片中的图像.

如果可能的话,我宁愿不安装任何其他第三方插件.

Answer 1

你不需要jquery,在普通的javascript中,以下将工作!

window.setInterval(function(){
  /// call your function here
}, 5000);

要停止循环,您可以使用

clearInterval() 

Answer 2

你可以使用setInterval在页面上注册一个间隔,即:

setInterval(function(){ 
    //code goes here that will be run every 5 seconds.    
}, 5000);

Answer 3

第一个答案只是一个小小的提示.如果您的功能已经定义,请参考该功能,但不要调用它!所以不要在函数名后添加任何括号.就像:

my_function(){};
setInterval(my_function,10000);

Answer 4

上面提到的函数无论是否在之前的调用中完成都会执行,一旦执行完成,它就会在每x秒后运行一次

// IIFE
(function runForever(){
  // Do something here
  setTimeout(runForever, 5000)
})()

// Regular function with arguments
function someFunction(file, directory){
  // Do something here
  setTimeout(someFunction, 5000, file, directory)
  // YES, setTimeout passes any extra args to
  // function being called
}

Answer 5

一个很好的例子,在哪里订阅setInterval(),并使用clearInterval()来停止永久循环:

function myTimer() {
    console.log(' each 1 second...');
}

var myVar = setInterval(myTimer, 1000);

调用此行来停止循环:

 clearInterval(myVar);

Answer 6

双方setInterval并setTimeout能为你的工作(如@Doug Neiner和@约翰博克写无论是现在还是指向setInterval).
请参阅此处,了解更多解释,了解您最常见的套房以及如何停止这些套房.

Answer 7

您可以使用window.setInterval和时间必须以毫秒为单位进行定义，在以下情况下，该函数将在每一秒（1000毫秒）后调用

<script>
  var time = 3670;
window.setInterval(function(){

  // Time calculations for days, hours, minutes and seconds
    var h = Math.floor(time / 3600);
    var m = Math.floor(time % 3600 / 60);
    var s = Math.floor(time % 3600 % 60);

  // Display the result in the element with id="demo"
  document.getElementById("demo").innerHTML =  h + "h "
  + m + "m " + s + "s ";

  // If the count down is finished, write some text 
  if (time < 0) {
    clearInterval(x);
    document.getElementById("demo").innerHTML = "EXPIRED";
  }

  time--;
}, 1000);


</script>