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循环
除注明外的文章,均为来源:老汤博客,转载请保留本文地址!
原文地址:https://tangjiusheng.cn/js/416.html
原文地址:https://tangjiusheng.cn/js/416.html