前端笔记84——setTimeout

最新推荐文章于 2024-05-29 15:14:06 发布
最新推荐文章于 2024-05-29 15:14:06 发布
阅读量396 收藏 1
点赞数
分类专栏： 前端 文章标签： 前端 JavaScript setTimeout 实现定时炸弹
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/chengxu_kuangrexintu/article/details/93249334
版权

setTimeout的简介

setTimeout是一个函数，功能：等待多少时间后执行一段代码，类似于生活中的定时炸弹。

setTimeout实现一个定时炸弹
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<script type="text/javascript">
			function fn(){
				alert("炸弹爆炸了！！！")
			}
			// 等到3秒以后执行fn函数
			setTimeout(fn,3000)
		</script>
	</body>
</html>
野生杂学家阿博
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
setTimeout理解
weixin_41989250的博客
02-17 5835
如果在设定的时间内，发生新的keydown事件，则不触发Ajax通信，并且重新开始计时。所以上面的代码执行流程是：JS执行到setTimeout时，将其交给浏览器去计时（哪怕时间是0），然后去执行同步的for循环，因为例子中的for循环执行需要5s左右，在for循环执行3秒时，浏览器已经把之前的计时器计时完毕，然后推送到JS的事件队列里，当做下一个task任务执行，当前任务(for循环)不受影响，当for循环结束后，JS线程空了，然后去事件队列中取微任务或者新的任务(setTimeout)，然后执行。
前端基础(十三)_定时器（间歇定时器、延迟定时器）
见贤思齐焉，见不贤内自省
01-12 2427
定时器（间歇定时器、延迟定时器）
JS【详解】setTimeout 延时（含清除 setTimeout，计时开始时间，0 秒延时解析，多 setTimeout 执行顺序，setTimeout 应用场景，网红面试题）
最新发布
朝阳39的博客
05-29 2614
setTimeout 是一个 js 内置的函数，用于延时执行代码。
详解setTimeout()
Moments
01-30 3万+
前言：看了这篇文章，1.注意setTimeout引用的是全部变量还是局部变量了，当直接调用外部函数方法时，实际上函数内部的变量已经变成全局。2.提醒我防止出错的，用匿名函数不容易出错。3.setTimeout最快执行时间是4毫秒。4.使用setTimeout的函数会比当前队列的函数慢执行，在他们的后面。5.setTimeout中的定时器并不是准确的时间，实际中它需要在执行完前面的函数后才定时执行。 你还可以查阅关于setTimeout的相关介绍 JavaScript提供定时执行代码的功能，叫做定时器（tim
setTimeout 详解
热门推荐
Dark_programmer的博客
03-30 4万+
1. setTimeout 定义 setTimeout( )是属于 window 的 method, 但我们都是略去 window 这顶层物件名称, 这是用来设定一个时间, 时间到了, 就会执行一个指定的 method。 setTimeout()方法设置一个定时器，该定时器在定时器到期后执行一个函数或指定的一段代码。 2. 参数详解 刚刚在研究promise的时候，发现setTimeout( )不...
一次围绕setTimeout的前端面试经验分享
12-10
在这次前端面试中，面试官主要通过几个与`setTimeout`相关的题目来测试应聘者对于异步编程、作用域、闭包以及JavaScript事件循环的理解。让我们深入解析这些知识点： 1. **作用域与变量绑定**： - 在第一个例子中...
JavaScript学习笔记整理_setTimeout的应用
10-21
在本篇学习笔记中，我们将深入探讨`setTimeout`的应用及其相关概念。 首先，`setTimeout(f, n)`接收两个参数：一个函数`f`和一个时间间隔`n`（以毫秒为单位）。它会安排在`n`毫秒后执行`f`函数，但请注意，`...
前端面试笔记
08-19
这份"前端面试笔记"涵盖了前端工程师在面试中可能会遇到的基础知识，旨在帮助准备面试的人更好地理解并掌握这些关键点。以下是一些重要的前端知识点： 1. HTML（超文本标记语言）： - 结构元素：如`<div>`, `...
Javascript定时器(二)——setTimeout与setInterval
09-23
在这个主题中，我们将深入探讨`setTimeout`和`setInterval`这两个核心定时器函数，它们在JavaScript中的应用以及它们之间的区别。 首先，`setTimeout`函数用于在指定的毫秒数后调用一个函数或执行一段代码。它的...
关于前端定时器（setTimeout、setInterval）
weixin_49518866的博客
12-03 6425
因为需求是数据看板需要每10秒刷新一次，使得柱状图跟折线图做到实时刷新。因此本人使用setInterval设置请求时间，但是没有考虑到关闭定时器，使得浏览器的性能大大损耗。在这里讲一下关于定时器的知识点 1、JS中的定时器有两种： setTimeout(funct,time): 设置一个定时器,并且设定了一个等待的时间[time],当到达时间后, 执行对应的方法[function],当方法执行完成定时器停止(但是定时器还在,只不过没用了,以后也不会执行); setInterval(funct,time):
前端面试题之针对setTimeout问题的解决办法
丁哒哒的博客
10-27 1115
for (var i = 1; i <= 5; i++) { setTimeout(function timer() { console.log(i) }, i * 1000) } 这篇文章中，我默认大家都知道上边这段代码的打印结果是5个6，不懂得朋友可以参考这篇博客。那怎样让他打印0，1，2，3，4，5呢？ 下面是我所知道的几种方法。 一、闭包 定义：函数 A ...
setTimeout 深度剖析(1)，史上最通俗计算机网络分层详解
m0_61330806的博客
03-19 501
上面代码中，setTimeout 共有 4 个参数。最后那两个参数，将在 1000 毫秒之后回调函数执行时，作为回调函数的参数。IE 9.0 及以下版本，只允许 setTimeout 有两个参数，不支持更多的参数；可以在匿名函数中，让回调函数带参数运行，再把匿名函数输入 setTimeout；例如:}, 1000);当然也可以使用或方法来解决。例如使用 bind 方法，把多余的参数绑定在回调函数上面，生成一个新的函数输入 setTimeout。
定时器setTimeout()、setInterval()详解
风动之石的专栏
10-17 1万+
JavaScript 标准参考教程（alpha） 浏览器对象 定时器 GitHub  TOP  定时器 来自《JavaScript 标准参考教程（alpha）》，by 阮一峰 目录
setTimeout 深度剖析，成功拿下大厂offer
2301_82244343的博客
04-04 796
一个好的心态和一个坚持的心很重要，很多冲着高薪的人想学习前端，但是能学到最后的没有几个，遇到困难就放弃了，这种人到处都是，就是因为有的东西难，所以他的回报才很大，我们评判一个前端开发者是什么水平，就是他解决问题的能力有多强。分享一些简单的前端面试题以及学习路线给大家，狂戳这里即可免费领取小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！**[外链图片转存中…(img-KWq3lcuW-1712204796075)]
JS setTimeout延迟时间为0的详解
lsk_jd的专栏
12-16 7227
本篇文章来源于 麦客教程网(学吧频道) 原文链接：http://x8.maicoo.com/tech/javascript/17387.html,wordoor.com    由 John Resig 的 How JavaScript Timers Work 可以知道，现有的 JavaScript 引擎是单线程处理任务的。它把任务放到队列中，不会同步去执行，必须在完成一个任务后才开始另外一个任务。    让我们看看我之前的文章：JavaScript的9个陷阱及评点，在第 9 点 Focus Pocus 中提
setTimeout怎么用【详细讲解】
z2000ky的博客
08-14 1468
不保证在指定的毫秒数之后立即执行，它只是将函数放入异步任务队列中，并在队列中的等待时间过后执行。如果队列中有其他任务需要执行，那么可能会稍微延迟执行。是 JavaScript 提供的一个函数，用于在指定的时间延迟后执行一段代码（函数）。将会在 2000 毫秒（2秒）后被打印出来。
距离某一时刻 过去的时间
这是个问题
05-27 487
var date1=new Date(‘2018-05-26 08:30:00'); //开始时间 var date2=new Date(); //结束时间 var date3 = date2 - date1; //计算相差小时数 var leave1=date3%(24*3600*1000); //计算天数后剩余的毫秒数 var...
setTimeout与循环闭包经典面试题详解(2)，2024年最新滴滴公司面试经验
m0_60707579的博客
04-14 878
我在成长过程中也是一路摸爬滚打，没有任何人的指点，所以走的很艰难。例如在大三的时候，如果有个学长可以阶段性的指点一二，如果有已经工作的师兄可以告诉我工作上需要什么，我应该前面的三年可以缩短一半；后来去面试bat，失败了有5、6次，每次也不知道具体是什么原因，都是靠面试回忆去猜测可能是哪方面的问题，回来学习和完善，当你真正去招人的时候，你就会知道面试记录是多么重要，面试官可以从面试记录里看到你的成长，总是去面试，总是没有成长，就会被定义为缺乏潜力。
前端面试题，各个公司的
08-02
前端面试题

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值