javascript的定时器

JavaScript定时器详解：setTimeout()与setInterval()的应用实例

最新推荐文章于 2025-11-30 22:19:10 发布

最新推荐文章于 2025-11-30 22:19:10 发布 · 66 阅读

文章标签：

#javascript #ViewUI

本文深入解析JavaScript中用于指定时间后执行特定操作的setTimeout()和setInterval()函数，通过具体实例展示如何实现网页自动倒计时及定时执行功能。

a) 用以指定在一段特定的时间后执行某段程序

b) setTimeout(); setInterval();

c) 格式：【定时器的对象名=】setTimeout(“表达式”,毫秒数)；setInterval();也是一样

d) 功能：setTimeout();执行表达式一次; setInterval();不断重复执行，直至窗口、框架被关闭或执行clearInterval(); clearInterval(); 是终止定时器

clearInterval();的格式是clearInterval(定时对象名);

实例：

1、setTimeout()

function count(){
	setTimeout(“执行成功”, 7000);
}

2、setInterval()

<html>
<head>
<title>网页自动倒计时</title>
</head>
<script type="text/javascript" language="javascript">
var count=10;
//创建定时器对象  每秒执行一次
var timer = setInterval("goCount()",1000);
function goCount(){
	count--;
	if(count==0){
		window.clearInterval(timer);
	}
	document.getElementById("count").innerHTML=count;

}
</script>
<body>
	现在开始计数<b id="count">0</b><br>
</body>
</html>