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程序设计有所帮助。