通过使用JavaScript,我们有能力做到在一个设定的时间间隔之后执行代码,而不是在函数被调用后立即执行,我们称之为计时事件。
在JavaScript中使用计时事件是很容易的,两个关键的方法是:
setTimeout() 未来的某时执行代码
clearTimeout() 取消 setTimeout()
setTimeout() 语法
var t=setTimeout('javascript语句',毫秒);
setTimeout()方法会返回某个值。在上面的语句中,值被存储在名为t的变量中,假如你希望取消这个 setTimeout(),你可以使用这个变量名来指定它。
setTimeout()的第一个参数是含有JavaScript语句的字符串。这个语句可能诸如 "alert('5 seconds!')",或者对函数的调用,诸如 alertMsg()"。
第二个参数指示从当前多少毫秒起执行第一个参数。
1000毫秒=1s
无穷循环
要创建一个用于无穷循环的计时器,我们需要编写一个函数来调用其自身
eg:
<html>
<head>
<script type="text/javascript">
var c=0
var t
function timedCount()
{
document.getElementById('txt').value=c
c=c+1
t=setTimeout("timedCount()",1000)
}
</script>
</head>
<body>
<form>
<input type="button" value="Start count!" onClick="timedCount()">
<input type="text" id="txt">
</form>
</body>
</html>
clearTimeout()
eg:
<script type="text/javascript">
var c=0
var t
function timedCount()
{
document.getElementById('txt').value=c
c=c+1
t=setTimeout("timedCount()",1000)
}
function stopCount()
{
clearTimeout(t)
}
</script>