dom编程中window对象的setInterval，setTimeout方法详解

最新推荐文章于 2021-03-30 13:17:36 发布
原创 最新推荐文章于 2021-03-30 13:17:36 发布 · 675 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#dom #setInterval #setTimeout

本文探讨了JavaScript中window对象的setInterval与setTimeout函数的工作原理。指出这些函数并非阻塞主线程，而是开启新线程执行指定任务。通过实例演示了如何使用这两种定时器，并解释了它们对主线程的影响。

经过各种测试，最终才发现window对象的setInterval，setTimeout函数都是单开一个线程按给定的时间，执行对应的函数。主线程会立即往下执行。而不是在setInerval、setTimeout方法处阻塞规定的时间！再执行对应的函数。例子如下：


执行的结果：先弹出“1”对话框。然后再弹出“setInterval()”对话框。

所以是执行到setInterval("tiao()",5000);时，开辟一个新线程来执行tiao()。主线程仍会立即往下执行window.alert("1");

同理：setTimeout方法也是一样的！


JavaScript 中的 Window 对象详解
读心悦
05-18 1094
Window 对象是浏览器中 JavaScript 的全局对象，代表浏览器窗口。它是 JavaScript 环境的顶层对象，所有全局变量和函数都是它的属性和方法。在浏览器中，Window 对象同时也是 Document 对象的宿主，提供了操作浏览器窗口的各种功能。
Javascript之BOM(window对象)详解
10-22
全局作用域中的变量和函数都会成为`window`对象的属性和方法。虽然全局变量不能通过`delete`操作符删除，但在`window`对象上直接定义的属性可以。例如： ```javascript var age = 28; // 全局变量 window.color = ...
JS中setTimeout()的使用方法具体解释
weixin_34343000的博客
06-15 133
　1. SetTimeOut()             1.1 SetTimeOut()语法样例             1.2 用SetTimeOut()运行Function              1.3 SetTimeOut()语法样例              1.4 设定条件使SetTimeOut()停止              1.5 计分及秒的counter   2. C...
HTML DOM setTimeout() 方法
evilcry2012的专栏
05-20 427
HTML DOM setTimeout() 方法 HTML DOM Window 对象 定义和用法 setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。 语法 setTimeout(code,millisec) 参数 描述 code 必需。要调用的函数后要执行的 JavaScript 代码串。
BOM：window对象的方法之定时器setTimeout()和停止setTimeout()定时器
weixin_46682277的博客
03-30 1030
window对象提供了两个好用的方法：定时器，分别是： - setTimeout() - setInterval() window.setTimeout(调用函数,[延迟的毫秒数]); 毫秒数如果不写，默认是0，会立即执行。 setTimeout()方法用于设置一个定时器，该定时器在定时器设置的毫秒数到期后自动执行调用。 <script> // window在调用时可以省略，直接写setTimeout setTimeout(function(){ // 表示3秒后弹出 alert(12);
window对象方法之setTimeout(),setInterval()
weixin_34191845的博客
09-07 227
window中的这两个方法是比较重要的，在许多的设计中会使用到这两个方法。比如使用在倒计时抢购中。 首先来说说这两个方法的用法吧！ 一：window.setTimeout(); setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。 //延迟几秒以后执行代码，并且只执行 一次 语法： setTimeout(code,millisec);例子：两秒后，弹出“hello j...
window.setInterval()和window.clearInterval()
iteye_14213的博客
06-22 185
window.setInterval() 功能：按照指定的周期（以毫秒计）来调用函数或计算表达式。 语法：setInterval(code,millisec) 解释：code：在定时时间到时要执行的JavaScript代码串。 millisec：设定的定时时间，用毫秒数表示。 返回值：定时器的ID值，可用于clearInterval()方法停止指定的定时器。 注：setInter...
Dom操作与定时器实践：setInterval与setTimeout详解
本文档主要介绍了DOM（Document Object Model）在Web开发中的基础概念和实用技巧，以及JavaScript中的两个重要定时器函数——`setInterval` 和 `setTimeout` 的用法。DOM是HTML和XML文档的编程接口，它允许开发者...
JavaScript的document对象和window对象详解
10-28
最后，window对象还有定时器相关的方法，比如setTimeout()和setInterval()，允许我们设定在指定的毫秒数后执行某段代码。同时，window对象还提供了clearTimeout()和clearInterval()方法，用于取消已经设置的定时器。...
深入理解JavaScript window对象：方法与属性详解
"这篇资料详尽地探讨了JavaScript中的window对象，包括它的方法和属性，对深入理解JavaScript Web开发非常有帮助。主要涉及window.open、window.close、alert、confirm、prompt等常用方法，以及setTimeout、...
js window对象中 setTimeout方法和setInterval方法的作用，用法与区别。
weixin_48937623的博客
03-09 732
window对象作为BOM中的顶层对象，而作为window对象中使用频繁的setInterval方法和setTimeout方法更显得尤为重要。 ① setInterval() 方法 定义和用法 ① setInterval() 方法可按指定的周期（以毫秒记）来调用函数或计算表达式。 ② setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。 语法 set
BOM——window中的对象----------window中的方法及实例练习
知识搬运工，资料任你拿，包括书籍、电影、电视剧、网站、软件等，VX公人人人号：向前书局
10-05 1086
BOM：Browser Object Model浏览器对象模型 window |--history 历史记录 |--location地址栏对象 |--等等多个对象 无标题文档 function events(){ var name=window.navigator.appName; var version=window.navigat
Window setInterval() 方法
weixin_34284188的博客
08-03 174
        Window 对象 转自：https://www.w3cschool.cn/jsref/met-win-setinterval.html 定义和用法 setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。 setInterval() 方法会不停地调用函数，直到 clearInterval() 被调用或窗口被关闭。由 setInterv...
使用setInterval造成页面阻塞的时候怎么办
u012429102的博客
03-14 6841
var timer1 = setInterval(function(){ $.getJson(........) },5000) 因为请求时间超过了设定的时间,此时会造成阻塞 解决方案: var timer = setTimeout(function(){ $.getJson(........) setTimeout(arguments.call,5000) ...
js 中的SetTimeOut()
u010450065的专栏
10-31 4087
setTimeout( ) 是属于 window 的 method, 但我们都是略去 window 这顶层物件名称, 这是用来设定一个时间, 时间到了, 就会执行一个指定的 method setTimeout setTimeout 语法例子 用 setTimeout 来执行 function 不断重复执行的 setTimeout 设定条件使 setTi
js设置多少时间后自动跳转到某个页面
赵阳的博客
04-08 4164
5S后跳转到manage.html页面代码：<script language="javascript"> function tiao(){ window.open('manage.html',"_self"); } setTimeout("tiao()",5000); function changSec(){ $("myspan").innerText=parseInt($("m
javascriptwindow对象setInterval()事件
why
10-12 1784
dom1.html --> //得到用户的操作,TRUE 或FALSE //var r=confirm("ni asf"); //打开一个窗口 //填入地址栏 //window.open("dom2.html"); // alert(r); // function fun() { //500毫秒后触发代码 //setTim
HTML DOM 教程 - 对象(1)
伟大的饺子
04-15 477
Window 对象Window 对象是 JavaScript 层级中的顶层对象。Window 对象代表一个浏览器窗口或一个框架。Window 对象会在 或 每次出现时被自动创建。有关 Window 对象的详细描述。IE: Internet Explorer, F: Firefox, O: Opera.Window 对象的集合
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值