setTimeout
setTimeout()是属于window的方法,该方法用于在指定的毫秒数后调用函数或计算表达式。
语法格式可以是以下两种:
setTimeout(要执行的代码,等待的毫秒数)
setTimeout(JavaScript函数,等待的毫秒数)
例如:
setTimeout(alert(我在三秒后出现),)
在代码中,我们可以看到页面打开三秒后,会出现一个警告对话框。
setTimeout()是设置指定的等待时间(单位是千分之一秒,毫秒),时间到了浏览器会执行指定的代码,如下图:
setTimeout()也可以用来执行指定的函数,如下例,网页上的文字会在三秒后被修改。
pid=content请等三秒钟!/pscriptsetTimeout(changeState(),);functionchangeState(){letcontent=document.getElementById(content);content.innerHTML=divstyle=color:red我是三秒后显示的内容!/div;}/script
setInterval
setInterval()方法可以在指定的时间段内(以毫秒为单位)调用函数或计算表达式。
setInterval()方法将继续调用该函数,直到调用clearInterval()或关闭窗口。setInterval()返回的ID值可以用作clearInterval()方法的参数。
语法:
setInterval(code,milliseconds);
setInterval(function,milliseconds,param1,param2,...)
返回一个ID(数字),可以将这个ID传递给clearInterval(),clearTimeout()以取消执行。
每三秒(毫秒)弹出Hello:
setInterval(function(){alert(Hello);},);
使用一个代码字符串:
setInterval(alert(Hello);,);
区别:
1、setTimeout和setInterval都属于JS中的定时器。您可以指定延迟时间,然后执行操作。不同的是setTimeout在指定时间后执行操作后停止;而setInterval可以永远循环,如果你想停止,使用window.clearInterval();
functionfun(){
alert(hello);
}
setTimeout(fun,);//参数是函数名
setTimeout(fun(),);//参数是字符串
setInterval(fun,);
setInterval(fun(),);
2、不再单独定义一个函数,直接将函数调用放在一个函数中,以函数名作为调用句柄。
functionfun(name){
alert(hello++name);
}
setTimeout(function(){
fun(Tom);
},);//参数是函数名
上面代码中,setTimeout和setInterval的区别在于setTimeout会在延迟一秒后弹出“hello”,然后就不会运行了;而setInterval将每秒弹出“hello”,直到clear用于清除计时器语法。
全新超实用性的Python零基础入门到就业体验课+视频+源码淘宝¥2购买已下架