JavaScript中结合setTimeout与setInterval实现定时停止执行
作者:小括号时间:2026-10-30 07:49:55浏览:119
本文介绍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中延迟执行与定时执行的简要介绍到此结束,希望能为读者提供有价值的参考。
作者最新文章
JS语法错误会阻止加载吗?区分SyntaxError与资源加载失败
2026-11-05 16:08:46
JavaScript常见SyntaxError语法错误排查与修复方法
2026-11-05 13:58:44
JS中slice、substring和substr截取字符串的区别
2026-11-05 13:43:47
JS 转 TS 手动迁移最佳实践:从配置 tsconfig 到消除 any 类型
2026-11-05 11:53:32
为什么JS数组push后得到的是数字而不是数组?
2026-11-05 09:59:18
