通过使用 JavaScript,我们有能力做到在一个设定的时间间隔之后来执行代码,而不是在函数被调用后立即执行。我们称之为计时事件。
在 JavaScritp 中使用计时事件是很容易的,两个关键方法是:
- setInterval() - 间隔指定的毫秒数不停地执行指定的代码。
- setTimeout() - 在指定的毫秒数后执行指定代码,只执行一次。
注意: setInterval() 和 setTimeout() 是 HTML DOM Window对象的两个方法。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>定时器时钟</title>
</head>
<body>
<script type="text/javascript">
var s=setInterval(function(){
var d=new Date;
var ds=d.toTimeString();
document.getElementById("t").innerHTML=ds;
})
function cancel(){
clearInterval(s);
}
</script>
<p id="t"></p>
<input type="button" name="btn" onclick="cancel()" value="点击停止计时">
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>定时器</title>
</head>
<body>
<script type="text/javascript">
var s;
function start(){
s=setTimeout(function(){alert("hello")},3000)
}
function stop(){
clearTimeout(s);
}
</script>
<p id="t"></p>
<input type="button" name="btn" onclick="start()" value="点击启动">
<button onclick="stop()">停止</button>
</body>
</html>