JavaScript中中SetInterval与与setTimeout的用法详解的用法详解
setTimeout
描述
setTimeout(code,millisec)
setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。
注:调用过程中,可以使用clearTimeout(id_of_settimeout)终止
参数参数 描述描述
code 必需,要调用的函数后要执行的 JavaScript 代码串。
millisec 必需,在执行代码前需等待的毫秒数。
setTimeinterval
setInterval(code,millisec[,”lang”])
参数参数 描述描述
code 必需,要调用的函数或要执行的代码串。
millisec 必需,周期性执行或调用code之间的时间间隔,以毫秒计。
setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。
JS里设定延时:里设定延时:
使用SetInterval和设定延时函数setTimeout 很类似。setTimeout 运用在延迟一段时间,再进行某项操作。
setTimeout(“function”,time) 设置一个超时对象 setInterval(“function”,time) 设置一个超时对象
SetInterval为自动重复,setTimeout不会重复。
clearTimeout(对象) 清除已设置的setTimeout对象 clearInterval(对象) 清除已设置的setInterval对象
setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。
使用定时器实现JavaScript的延期执行或重复执行 window对象提供了两个方法来实现定时器的效果,分别是
window.setTimeout()和window.setInterval。其中前者可以使一段代码在指定时间后运行;而后者则可以使一段代码每过指定
时间就运行一次。它们的原型如下: window.setTimeout(expression,milliseconds);
window.setInterval(expression,milliseconds); 其中,expression可以是用引号括起来的一段代码,也可以是一个函数名,到了
指定的时间,系统便会自动调用该函数,当使用函数名作为调用句柄时,不能带有任何参数;而使用字符串时,则可以在其中
写入要传递的参数。两个方法的第二个参数是milliseconds,表示延时或者重复执行的毫秒数。
下面分别介绍两种方法。下面分别介绍两种方法。
1.window.setTimeout方法 该方法可以延时执行一个函数,例如:
<script language="JavaScript" type="text/javascript">
<!--
function hello(){ alert("hello"); } window.setTimeout(hello,5000);
//-->
</script>
这段代码将使得页面打开5秒钟后显示对话框“hello”。其中最后一句也可以写为: window.setTimeout(“hello()”,5000); 读者可
以体会它们的差别,在window.setInterval方法中也有这样的性质。 如果在延时期限到达之前取消延执行,可以使用
window.clearTimeout(timeoutId)方法,该方法接收一个id,表示一个定时器。这个id是由setTimeout方法返回的,例如:
<script language="JavaScript" type="text/javascript">
<!--
function hello(){
alert("hello");
}
var id=window.setTimeout(hello,5000);
document.onclick=function(){
window.clearTimeout(id);
}
//-->
评论0