您的位置：首页 > Web前端 > JavaScript

JS中的setTimeout和setInterval函数的区别

2013-07-09 14:46 85 查看

setTimeout(表达式,延时时间)在执行时,是在载入后延迟指定时间后,去执行一次表达式,记住,次数是一次； setInterval(表达式,交互时间)则不一样,它从载入后，每隔指定的时间就执行一次表达式。

说明：本文转自：http://www.cnitblog.com/yemoo/archive/2006/06/29/13078.html

一直知道js里有这两个函数，而且好象都是用来定时的，以为没有什么区别，但发现两个函数用的地方都不少。今天在网上查找了下相关的资料终于明白了。

简单说来:

setTimeout(Expression,DelayTime),在DelayTime过后,将执行一次Expression

setInterval(expression,delayTime),每个DelayTime,都将执行Expression.

常常可用于刷新表达式.

下面偶自己写了一个例子更容易帮助理解。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title></title>
</head>
<body>
<div id="a"></div>
<div id="b"></div>
<script type="text/javascript">
setTimeout("document.getElementById('a').innerHTML=new Date().getSeconds();",1000);
setInterval("document.getElementById('b').innerHTML=new Date().getSeconds();",1000);
</script>
</body>
</html>

运行会发现，a中的内容更新一次则不在变动，而b中的内容则随着时间的变化一直变化。

setInterval会不停的循环执行表达式。（秒表功能）

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航