setTimeOut setInterval clearTimeOut

最新推荐文章于 2025-08-13 21:05:35 发布

weixin_34219944

最新推荐文章于 2025-08-13 21:05:35 发布

阅读量171

点赞数 1

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/netwenchao/archive/2009/11/12/1601761.html

本文深入解析JavaScript中的定时器函数：setInterval与setTimeout的区别，及如何使用clearTimeout清除定时器。通过示例代码展示了如何每秒更新页面上的时间显示，一次性的显示与周期性的更新之间的差异。

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

瞄一眼这些Js函数setTimeOut setInterval clearTimeOut,蒙了。为什么呢？

当然是概念混淆了！刚查了一下，做个纪念先：

setInterval（"js code",time）:每隔time时间执行一次其所指定的js Code。

setTimeOut（"jscode",time）:time之后执行一次....【仅仅执行一次】

clearTimeOut（"settimeout的引用"）:清除setTimeOut计时器。

1 <html>
2 <head></head>
3 <body>
4 <div id="intime"></div>
5 <div id="timeouttime"></div>
6 <script type="text/javascript">
7 function showtime(ele){
8 timer=new Date();
9 document.getElementById(ele).innerHTML=timer.getHours()+":"+timer.getMinutes()+":"+timer.getSeconds();
10 }
11 setTimeout("showtime('timeouttime')",1000);
12 setInterval("showtime('intime')",1000);
13 </script>
14 </body>
15 </html>

转载于:https://www.cnblogs.com/netwenchao/archive/2009/11/12/1601761.html