JavaScript Timing Events

最新推荐文章于 2025-08-15 22:56:20 发布

weixin_33971130

最新推荐文章于 2025-08-15 22:56:20 发布

阅读量59

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/xszsai/archive/2008/01/26/1054562.html

本文介绍了JavaScript中的定时器功能，包括setTimeout方法用于在未来某个时刻执行代码，以及clearTimeout方法用于取消已设置的定时器。通过三个实例展示了如何使用这些方法实现定时消息提示、自动计数以及停止计数等功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

JavaScript Timing Events

   javaScript Timing Events: javaScript时间事件

   有两个方法：
1. setTimeout() - executes a code some time in the future               执行未来要执行的事件,有参数的，一个是方法，一个是毫秒

    例：var t=setTimeout("javascript statement",milliseconds);


2. clearTimeout() - cancels the setTimeout() 删除setTimeout()方法.
参数是一个setTimeout()的引用

    例：clearTimeout(setTimeout_variable)

例子（1）：

<html>
<head>
<script type="text/javascript">
function timedMsg()
{
var t=setTimeout("alert('5 seconds!')",5000);
}
</script>
</head><body>
<form>
<input type="button" value="Display timed alertbox!"
onClick="timedMsg()">
</form>
</body>
</html>

例子（2）

<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>

例子（3）

<html>
<head>
<script type="text/javascript">
var c=0
var tfunction timedCount()
{
document.getElementById('txt').value=c;
c=c+1;
t=setTimeout("timedCount()",1000);
}function stopCount()
{
clearTimeout(t);
}
</script>
</head><body>
<form>
<input type="button" value="Start count!"
onClick="timedCount()">
<input type="text" id="txt">
<input type="button" value="Stop count!"
onClick="stopCount()">
</form>
</body></html>