js中setTimeout与setInterval的区别

最新推荐文章于 2024-01-01 09:15:00 发布

jhlovett

最新推荐文章于 2024-01-01 09:15:00 发布

阅读量80

点赞数

分类专栏： Javascript 文章标签： JavaScript XHTML HTML ViewUI

Javascript 专栏收录该内容

50 篇文章 0 订阅

订阅专栏

很多人都觉得这两个方法差不多,但是,实际上,他们差的很远呢
因为setTimeout(表达式,延时时间)在执行时,是在载入后延迟指定时间后,去执行一次表达式,记住,次数是一次
而setInterval(表达式,交互时间)则不一样,它从载入后,每隔指定的时间就执行一次表达式
所以,完全是不一样的。

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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<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会不停的循环执行表达式。