(转)javascript setTimeout 和 setInterval 区别

最新推荐文章于 2025-04-18 19:30:55 发布

原创最新推荐文章于 2025-04-18 19:30:55 发布 · 98 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#JavaScript #HTML #ViewUI

JavaScript 专栏收录该内容

16 篇文章

订阅专栏

本文详细介绍了JavaScript中setTimeout与setInterval的功能区别，并通过实例展示了如何使用这两个函数来实现页面元素的定时更新。

[setTimeout]
[color=red]单位：毫秒[/color]
setTimeout(表达式,延时时间)
在执行时,是在载入后延迟指定时间后,去执行一次表达式,记住,次数是一次

用setTimeout实现的自动变化显示随机数的效果:


<html>
<head>
<script>
window.onload=sett;
function sett()
{
document.body.innerHTML=Math.random();
setTimeout("sett()",500);
}
</script>
</head>
<body>
</body>
</html>

[setInterval]
[color=red]单位：毫秒[/color]
setInterval(表达式,交互时间)
则不一样,它从载入后,每隔指定的时间就执行一次表达式

用setInterval实现的自动变化显示随机数的效果:

<html>
<head>
<script>
function sett()
{
document.body.innerHTML=Math.random();
}
setInterval("sett();", 500);
</script>
</script>
</head>
<body>
</body>
</html>