setTimeout 与 setInterval

最新推荐文章于 2025-12-24 10:09:49 发布
转载 最新推荐文章于 2025-12-24 10:09:49 发布 · 426 阅读 · 0
文章标签：

#function #测试

本文提供了一个使用setTimeout和setInterval的示例代码，演示了如何利用这两种JavaScript定时器来执行重复任务及单次延迟任务。

[setTimeout]
setTimeout(表达式,延时时间)
在执行时,是在载入后延迟指定时间后,去执行一次表达式,次数是一次

[setInterval]
setInterval(表达式,交互时间)
则不一样,它从载入后,每隔指定的时间就执行 一次表达式

由于经常要用到这个而且每次都记不得不完全，总是要上网搜索一次，太麻烦了，自己写一个测试页面。

<html>
<head>
<title>setTimeout 和 setInterval测试用例页面</title>
</head>
<body>
<script language="javascript">
//设置全局变量
var staticObj = {};
staticObj.timer = "";
staticObj.timer2 = "";
staticObj.count = 0;

function startReload()
{
//设置Interval
staticObj.timer = setInterval("reloadData()",500);
}

function stopReload()
{
//清除Interval
clearInterval(staticObj.timer);
}

function reloadData()
{
staticObj.count++;
alert("Interval循环次数：" + staticObj.count);
if(staticObj.count == 5)
{
   stopReload();
   alert("Interval循环已经结束！开始进入setTimeout函数");
   //设置Timeout
   staticObj.timer2 = setTimeout(timeoutFn,100);
}
}

function timeoutFn()
{
clearTimeout(staticObj.timer2);
alert("执行了setTimeout函数并清除了对象");
}

startReload();
</script>
</body>
</html>

JavaScript中从setTimeout与setInterval到AJAX异步
10-20
在JavaScript中，setTimeout和setInterval是两种常见的定时器函数，用于实现异步操作。JavaScript作为单线程语言，其主线程的执行是顺序的，但是在处理某些操作，如延时任务或者周期任务时，会借助事件循环机制和回...
理解javascript定时器中的setTimeout与setInterval
10-22
与`setTimeout`一样，`setInterval`在标准浏览器和IE10以上版本也支持传递额外参数。 然而，`setTimeout`和`setInterval`在处理`this`关键字时有一个常见问题。由于它们执行的代码是在全局作用域中，因此`this`通常...
settimeout与setinterval区别
weixin_51396911的博客
05-19 424
相同条件下，setTimeout() 只执行一次，setInterval() 则循环执行； 1.setTimeout() 延迟执行一次： setTimeout(fn, 1000); //延迟1秒，执行一次fn()； 应用场景：调用接口 2.setInterval() 隔段时间循环执行； setInterval(fn, 1000); //每隔1秒，循环执行fn() 应用场景：倒计时 ...
setTimeout与setInterval的区别
热门推荐
zy451的博客
05-26 2万+
setTimeout定义和用法 setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。setTimeout 方法接收两个参数，第一个参数为回调函数函数或字符串，第二个参数为触发时间(单位：毫秒) setInterval()定义和用法 setInterval() 方法可按照指定的周期(以毫秒计)来调用函数或计算表达式。 setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 c
setTimeout与setInterval区别
uaena的博客
11-10 3017
1. setTimeout()只执行一次 定时程序，不会反复执行，只执行一次 a、setTimeout 定时调用，只弹出一次。 应用场景: 窗口弹出广告。用于延迟执行某方法或功能。 2. setInterval()可以执行多次 表示间隔一定时间反复执行 a、setInterval 反复不断的在间隔时间内容调用。应用场景: 图片轮播 图片切换。一般用于刷新表单，对于一些表单的假实时指定时间刷新同步。 b、在载入后，每隔指定的时间就执行一次表达式 分割线———————————— 相
setTimeout和setInterval的概念理解
m0_72030584的博客
04-17 575
setTimeout和setInterval的概念理解
JS中的setTimeout与setInterval
m0_67198021的博客
08-04 613
JS中的定时器简介，以及简单运用，适用于新手
setTimeout与setInterval实现
qq_56702171的博客
02-26 301
在 setInterval 被推入任务队列时，如果在它前面有很多任务或者某个任务等待时间较长比如网络请求等，那么这个定时器的执行时间和我们预定它执行的时间可能并不一致。，定时器指定的时间间隔，表示的是何时将定时器的代码添加到消息队列，而不是何时执行代码。所以真正何时执行代码的时间是不能保证的，取决于何时被主线程的事件循环取到，并执行。题目描述: setInterval 用来实现循环定时调用 可能会存在一定的问题 能用 setTimeout 解决吗。setInterval的缺陷是什么？
js基础之setTimeout与setInterval原理分析
京东科技开发者
09-19 1170
由于JavaScript被设计为用在浏览器环境，而该环境下存在大量可能发生冲突的DOM操作，为了避免进行复杂的冲突处理（可能存在的冲突数量几乎不可预测），JavaScript的设计者舍弃了java的多线程模型（该模型下，执行引擎同时可以做几件事，但要进行线程同步），将其设计成了一门单线程语言（执行引擎在同一时间只做一件事）。setTimeout的运行机制相对简单，即在执行该语句时，设置一个定时器，定时时间置为所设置的延时，当计时结束后，将传入的函数加入任务队列，之后的执行就交给任务队列负责。
setTimeout与setInterval的区别与机制
fangqi20170515的博客
09-26 219
用于在指定的毫秒数后调用函数或计算表达式。只执行一次。
setTimeout与setInterval的坑以及优缺点
fighting_DW
11-15 1099
setTimeout代替setInterval
小程序笔记—性能测试下的定时器：setTimeout与setInterval
01-07
小程序中有两个定时器：setTimeout与setInterval setTimeout：可延时回调 setInterval：可定时循环回调 第一次这样使用： setTimeout(function(){ console.log(延时1秒回调) },1000) setInterval(function(){ ...
浅谈setTimeout 与 setInterval
09-03
JavaScript中的`setTimeout`和`setInterval`是两个非常重要的函数，它们用于在特定时间后执行指定的函数或代码。虽然它们的语法相似，但工作原理和应用场景有所不同。 首先，`setTimeout`函数接受两个参数，一个是...
js基于setTimeout与setInterval实现多线程
11-22
本文实例讲述了js基于setTimeout与setInterval实现多线程的方法。分享给大家供大家参考，具体如下： javascript无法实现线程阻塞（sleep），原因是因为sleep涉及系统调用。js出于安全考虑是不允许系统调用的。 如果...
大模型Agent面试精选题（第五辑）-Agent提示词工程
沐雪架构师
12-23 601
本文精选15道Agent提示词工程面试题，涵盖设计原则、系统提示词、模板设计、Few-shot学习、Chain-of-Thought等核心内容。摘要要点如下： 提示词设计五大原则：清晰明确、结构化、角色设定、上下文提供和约束条件 系统提示词四要素：角色定义、能力说明、行为准则和输出格式 常用模板模式：任务型、对话型、工具调用型和错误处理型 Few-shot学习技巧：示例选择、格式统一、数量控制和顺序优化 Chain-of-Thought应用方法：显式、隐式和自适应三种方式 Token优化策略：精简表达、结构
产品开发周期模型实战系列之瀑布模型：以线性流程标准化，保障需求明确型项目稳定交付
最新发布
Easyways1的博客
12-24 112
在敏捷开发席卷全球、DevOps追求分钟级部署的今天，谈论瀑布模型似乎显得有些“古典”甚至“过时”。然而，在无数关键的企业级软件、大型基础设施和军工航天系统中，这套诞生于上世纪70年代的线性流程模型，在需求确定性强的场景中，仍以其 “一次做对” 的严谨性发挥着不可替代的作用。像我们之前在梳理产品研发管理体系的演进之路时所讲到的SGS、PACE、IPD敏捷开发以及WPLM 产品全生命周期管理在产品开发项目过程中都会采用到瀑布模型。瀑布模型将开发过程清晰地划分为需求、设计、实现、测试、部署、维护六大顺序阶段，如
鸿蒙应用的测试和调试完全指南：从单元测试到性能分析
源滚滚编程
12-22 396
测试和调试是构建高质量应用的关键。编写单元测试验证单个函数的功能编写集成测试验证组件之间的交互进行性能测试确保应用性能使用调试工具诊断问题编写可测试的代码使用测试覆盖率工具建立持续集成流程现在就在你的项目中应用这些最佳实践吧。如果你有任何问题或想法，欢迎在评论区分享。
自动化测试(java) - PO模式了解
m0_69119792的博客
12-20 798
本文介绍了Page Object(PO)模式在UI自动化测试中的应用。PO模式通过将页面元素定位、操作和测试逻辑分层处理，解决了传统UI自动化测试中代码重复、可读性差、维护困难等问题。文章展示了PO模式的三层结构：元素定位层、页面操作层和测试用例层，并对比了传统方式和PO模式在登录测试中的实现差异。PO模式具有代码复用、易于维护、可读性强等优势，当UI变化时只需修改对应的Page Object类，而不影响测试用例。这种模式让测试代码更关注业务逻辑而非实现细节，提高了测试脚本的健壮性和可维护性。
深入理解setTimeout与setInterval
"本文主要探讨了JavaScript中的两个定时器API：setTimeout和setInterval，并结合实际应用，特别是微信小程序中的倒计时组件，介绍了它们的基本用法、注意事项以及this上下文的处理方法。" 在JavaScript中，`...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值