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

 分类:js知识时间:2022-06-27点击:

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

js延时函数

一、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循环
除注明外的文章,均为来源:老汤博客,转载请保留本文地址!
原文地址: