JS中setTimeout()与clearTimeout()函数的用法

最新推荐文章于 2025-05-20 16:07:43 发布

原创最新推荐文章于 2025-05-20 16:07:43 发布 · 2.1k 阅读

0 ·

CC 4.0 BY-SA版权

JS 专栏收录该内容

12 篇文章

订阅专栏

本文介绍了如何使用JavaScript中的setTimeout()方法创建一个简单的计数器，并通过clearTimeout()方法来控制计数器的启动和停止。文章提供了具体的代码示例，展示了如何在网页上显示计数值并控制其更新。

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

setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式，语法为setTimeout(code,millisec)。code为要调用的函数后要执行的 JavaScript 代码串，millisec在执行代码前需等待的毫秒数；

clearTimeout() 方法可取消由 setTimeout() 方法设置的 timeout，语法为clearTimeout(id_of_settimeout) 。id_of_settimeout为setTimeout() 返回的 ID 值，该值标识要取消的延迟执行代码块。如下列子实现一个简单的计数器：
<script>
var c=0;
var t;
var timer_is_on=0;

function timedCount()
{
document.getElementById('txt').value=c;
c=c+1;
t=setTimeout(function(){timedCount()},1000);
}

function doTimer()
{
if (!timer_is_on)
{
timer_is_on=1;
timedCount();
}
}

function stopCount()
{
clearTimeout(t);
timer_is_on=0;
}
</script>