javascript 不停(setInterval)/延时(setTimeout)函数

最新推荐文章于 2024-06-27 10:29:36 发布

最新推荐文章于 2024-06-27 10:29:36 发布 · 165 阅读

文章标签：

#JavaScript #ViewUI

HTML 专栏收录该内容

12 篇文章

订阅专栏

本文详细介绍了JavaScript中的setTimeout和setInterval两个定时器函数的区别与用法。通过实例展示了如何使用这两个函数来实现页面元素的定时更新，包括一次性执行与周期性执行的不同场景。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

setTimeout(script,millisecond); 是从现在算起多少微秒后运行该代码（只运行一次）

setInterval(script,millisecond); 是每隔多少微秒运行一次代码

示例:
1.执行一次

<span id="time"></span> 秒
<script type="text/javascript">
var i = 1;
var txt = document.getElementById("time");
function addT(i) {
txt.innerHTML=i;
}
setTimeout("addT(i++)",1000);
</script>

2.复制执行

<span id="time">3</span> 秒
<script type="text/javascript">
var i = 1;
var txt = document.getElementById("time");
function addT(i) {
txt.innerHTML=i;
}
setInterval("addT(i++)",1000);
</script>

setTimeout也可以做成重复执行

<span id="time"></span> 秒
<script type="text/javascript">
var i = 1;
var txt = document.getElementById("time");
function addT(i) {
txt.innerHTML=i;
setTimeout("addT(i++)",1000);
}
addT(i);
</script>