JavaScript中结合setTimeout与setInterval实现定时停止执行

作者:小括号

时间:2026-10-30

浏览:118

本文介绍JavaScript中两种延迟执行函数setTimeout和setInterval的基本用法,并通过实例演示如何结合两者实现每隔固定时间执行一次并在指定时间后自动停止的功能。

文章目录

JavaScript中setTimeout与setInterval的基本用法

在JavaScript中,实现延迟执行和定时执行主要依赖两个内置函数:setTimeout和setInterval。它们的具体使用方式如下文所示。


function testFunction(){Console.log('hovertree.com');}

setTimeout("testFunction()","6000"); //6000毫秒后执行testFunction()函数,只执行一次。

setInterval("testFunction()","6000");//每隔6000毫秒执行一次testFunction()函数,执行无数次。

varinterval = window.setInterval("testFunction()","6000");// 

window.clearInterval(interval);  //停止执行setInterval循环。

结合setTimeout与setInterval实现定时停止

若需要让testFunction()函数每隔6000毫秒执行一次,并在执行10000毫秒后自动停止,可以通过结合使用setTimeout和setInterval来实现这一需求。


varinterval2 = window.setInterval("testFunction2()",6000);

setTimeout(function() {window.clearInterval(interval2);},10000);

以上关于JavaScript中延迟执行与定时执行的简要介绍到此结束,希望能为读者提供有价值的参考。

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章