JavaScript 定时器详解：setTimeout 与 setInterval 用法及示例

setTimeout 单次延时执行

setTimeout() 方法用于在指定的毫秒数之后执行一次代码。

其基本语法格式如下：

[定时器对象名=]setTimeout(“<表达式>”,毫秒数);

该函数的主要功能是执行一次给定的表达式。

这里的表达式参数必须是一个字符串，其中可以包含任意合法的 JavaScript 语句。

<html>
<head>
<script type="text/javascript">
//5秒之后执行alert
function count(){
setTimeout("alert('执行成功');",5000);
}
</script>
</head>
<body>
<input type="button" value="执行" onclick="count()">
</body>
</html>

setInterval 重复执行与终止

setInterval() 方法会重复执行表达式，直到窗口或框架关闭，或者调用 clearInterval() 终止定时器。

其语法格式为：[定时器对象名=]setInterval(“<表达式>”,毫秒)

clearInterval() 函数用于终止由 setInterval() 创建的定时器。

其调用格式为：clearInterval(定时器对象名)

<html>
<head>
<script type="text/javascript">
var sec=0;
var timeId=setInterval("count();",1000);
function count(){ 
 document.getElementById("num").innerHTML=sec++; 
}
function stopCount(){ 
 clearInterval(timeId); 
} 
</script> 
</head>
<body> 
<font style="color:red" id="num">0</font>秒钟<input type="button" value="停止" onclick="stopCount();"> 
</body> 
</html>

以上就是定时器功能的简要介绍，供有需求的开发者参考。