setinterval()与clearInterval()JS函数的调用方法
本文实例讲述了setinterval()与clearInterval()JS函数的调用方法。分享给大家供大家参考。具体如下:
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<title>setinterval()与clearInterval()用法</title>
<scripttype="text/javascript">
functionf1(){
alert("调用f1");
}
functionf2(){
alert("调用f2");
}
functionbodymousedown(){
alert("你好");
alert("我好");
}
functioncom(){
if(confirm("是否进入")){
alert("进入了");
}
else{
alert("退出");
}
}
varinterval;
functiongetinterval(){
if(confirm("确定要执行吗?")){
interval=setInterval("alert('每隔2000毫秒执行一次')",2000);
}
else{
alert("不执行");
}
}
functionsetTimeOut1(){
setTimeout("alert('3000毫秒后执行这段代码')",3000);
}
</script>
</head>
<!--"-->
<!--<bodyonmousedown="bodymousedown()">-->
<body>
<!--ondblclick是双击事件,onclick是单击事件-->
<inputtype="button"onclick="document.ondblclick=f1"value="关联事件1"/>
<inputtype="button"onclick="document.ondblclick=f2"value="关联事件2"/>
<inputtype="button"ondblclick="bodymousedown()"value="调用函数"/>
<inputtype="button"onclick="com()"value="confirm的用法"/>
<inputtype="button"onclick="getinterval()"value="setInterval的用法,每隔一段时间执行指定的代码"/>
<!--clearInterval取消setInterval的定时执行,相当于Timer中的Enabled=False-->
<inputtype="button"onclick="clearInterval(interval)"value="取消执行setinterval代码"/>
<inputtype="button"onclick="setTimeOut1()"value="setTimeOut,某个时间执行代码"/>
</body>
</html>
setInterval()方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。
setInterval()方法会不停地调用函数,直到clearInterval()被调用或窗口被关闭。由setInterval()返回的ID值可用作clearInterval()方法的参数。
语法
setInterval(code,millisec[,"lang"])
setinterval是循环运行的,即每到设定时间间隔就触发指定代码。这是真正的定时器。
希望本文所述对大家的javascript程序设计有所帮助。