JavaScript 一个设定的时间间隔之后来执行代码,我们称之为计时事件。
通过使用JavaScript,我们有能力做到在一个设定的时间间隔之后来执行代码,而不是在函数被调用后立即执行。我们称之为计时事件。
setInterval() | 间隔指定的毫秒数不停地执行指定的代码 |
setTimeout() | 在指定的毫秒数后执行指定代码 |
setInterval() 方法
setInterval() 间隔指定的毫秒数不停地执行指定的代码
语法
window.setInterval("javascript function",milliseconds);
window.setInterval()方法可以不使用window前缀,直接使用函数setInterval()。
setInterval()第一个参数是函数(function)。
第二个参数间隔的毫秒数
1000毫秒为1秒
示例
每秒弹出‘hello’:
以下例展示了如何使用setInterval()方法。
<script> setInterval(function() { alert('hello') }, 1000); </script>
示例
以下示例将显示当前时间。
var myVar=setInterval(function(){myTimer()},1000); function myTimer() { var d=new Date(); var t=d.toLocaleTimeString(); document.getElementById("demo").innerHTML=t; }
如何停止执行?
clearInterval() 方法用于停止 setInterval() 方法执行的函数代码
语法
window。clearInterval(intervalvariable)
window.clearInterval() 方法可以不使用window前缀,直接使用函数clearInterval()。
要使用 clearInterval() 方法, 在创建计时方法时你必须使用全局变量:
myVar=setInterval("javascript function",milliseconds);
然后你可以使用 clearInterval()方法来停止执行。
示例
以下例子,我们添加了‘停止’按钮:
<body> <p id="miao"></p> <button onclick="myStopFunction()">停止</button> <script> var myVar=setInterval(function(){myTimer()},1000); function myTimer(){ var d=new Date(); var t=d.toLocaleTimeString(); document.getElementById("miao").innerHTML=t; } function myStopFunction(){ clearInterval(myVar); } </script> </body>
代码显示效果:
![]()