通过使用 JavaScript,我们有能力做到在一个设定的时间间隔之后来执行代码,而不是在函数被调用后立即执行。我们称之为计时事件。 在 JavaScritp 中使用计时事件是很容易的,两个关键方法是: - setInterval() - 间隔指定的毫秒数不停地执行指定的代码。
- setTimeout() - 在指定的毫秒数后执行指定代码。
setInterval() 间隔指定的毫秒数不停地执行指定的代码 语法
window.setInterval("javascript function",milliseconds);
案例代码:
<p>单击按钮每3秒出现一个“Hello”警告框。</p>
<p>再次点击警告框,经过3秒出现新的警告框,这将一直执行 ...</p>
<button>点我</button>
<script>
function myFunction(){
setInterval(function(){alert("Hello")},3000);}
</script>
clearInterval() 方法用于停止 setInterval() 方法执行的函数代码。 语法
window.clearInterval(intervalVariable)window.clearInterval() 方法可以不使用window前缀,直接使用函数clearInterval()。
要使用 clearInterval() 方法, 在创建计时方法时你必须使用全局变量:
myVar=setInterval("javascript function",milliseconds);
然后你可以使用clearInterval() 方法来停止执行。
案例代码:
<p>页面上显示时钟:</p>
<p id="demo"></p>
<button>停止</button>
<script>
var myVar=setInterval(function(){myTimer()},1000);
function myTimer(){
var d=new Date();
var t=d.toLocaleTimeString();
document.getElementById("demo").innerHTML=t;
}
function myStopFunction(){
clearInterval(myVar);
}
</script>
|