js延时函数(setInterval和setTimeout的用法区别)

js延时函数就是JavaScript里内置的两个定时器，就是setTimeout延迟定时器和setInterval循环定时器， js延时函数的作用是延迟执行函数。本文介绍js延时函数setInterval和setTimeout的用法区别。

一、js延时函数用法如下：

setTimeout("test()","5000"); //5秒后执行testFunction()函数，只执行一次。
setInterval("test()","5000");//每隔5秒执行一次testFunction()函数，执行无数次。

二、js延时函数，可以规定延迟时间再执行某个操作，不同的是setTimeout在规定时间后执行完某个操作就停止了，而setInterval则可以一直循环下去。

function fun(){
  alert('hello');
}
  setTimeout(fun,1000);//参数是函数名
  setTimeout('fun()',1000);//参数是字符串
  setInterval(fun,1000);
  setInterval('fun(),1000');

在上述代码中，无论是setTimeout还是setInterval，在使用函数名作为调用句柄时不能带参数，使用字符串调用时可以带参数。例如：

setTimeout(‘fun(name)’,1000);

三、不再单独再定义一个函数，直接将函数调用放在一个函数里面，可以使用函数名作为调用调用句柄。

function fun(name){
  alert('hello'+' '+name);
}
setTimeout (function(){
  fun('Tom');
},1000);//参数是函数名

四、setTimeout和setInterval的区别

1、setTimeout()只执行一次，setInterval()可以执行多次；

2、两个函数的参数也相同，第一个参数是要执行的code或句柄，第二个是延迟的毫秒数；

3、setTimeout用于延迟执行某方法或功能，setInterval则一般用于刷新表单，对于一些表单的假实时指定时间刷新同步。

五、setinterval怎么停止？用clearInterval方法

var interval = window.setInterval("test()","5000");
window.clearInterval(interval);    //停止执行setInterval循环