首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

JS设置定时器_js设置定时器

JS定时器的一些特性和如何避免重复设置定时器 概述和总结 每个JS定时器产生时会被系统分配一个id,这个id是正整数,而且一个页面里面的定时器id不重复,我们能用一个变量接收这个id,但是如果重复执行一条接收创建语句...,那么你只能接收到最新创建的定时器的id,之前创建的定时器的id会被覆盖,但是定时器数量在增加,这就会导致界面一些功能错乱,解决方法就是在重复按开始按钮时,如果已经有了一个定时器那么就不执行语句,我列出了错误代码和三种解决方法...的循环定时器,每100ms执行一次,第一个参数是被执行函数,第二个是时间间隔 问题也就出在这里,我每次点击START按钮,都会创建一个计时器,但是只有最新的计时器会被赋值给b,然后就导致STOP按钮只能中断最新的定时器...,如果不为空那么就不执行,但是我错误理解了定时器的机制,定时器给b的其实是一个整数编号,然后清除定时器之后,定时器本身编号变成null */ b =setInterval(off_open,100);...本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

29.9K30

如何让定时器在页面最小化的时候不执行?

}, [delay]); } 跟 setInterval 的区别如下: 可以支持第三个参数,通过 immediate 能够立即执行我们的定时器。...根据 当浏览器切换到其他标签页或者最小化时,你的js定时器还准时吗?[2] 这篇文章的实践结论如下: 谷歌浏览器中,当页面处于不可见状态时,setInterval 的最小间隔时间会被限制为 1s。...(useRafTimeout 和 useRafInterval 类似,这里不展开细说)。...另外,假如希望在页面不可见的时候,不执行定时器,可以选择 useRafInterval 和 useRafTimeout,其内部是使用 requestAnimationFrame 进行实现。...[8] 参考资料 [1]详情: https://github.com/GpingFeng/hooks [2]当浏览器切换到其他标签页或者最小化时,你的js定时器还准时吗?

1.6K10
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    修复定时器 setInterval 加速执行

    定时器 JS 中有 setTimeout 和 setInterval 两种常见的定时器, setTimeout 只执行一次, setInterval 会在规定的条件内反复执行以实现不同需求。...setup() 触发定时器加速 clear(); //此时再执行 clear() 无效 正确使用 setinterval var timer, //预设定时器为全局变量 setup=function...){ console.log('repeat this interval 3000/pms.'); //clearInterval(timer) //定时器执行完后内部销毁...setup(); //再执行定时器设定 }; run() //每次 setup() 前都执行一次 clear() 没错就这么简单,我估计之前没搞对的地方主要是变量作用域这块没弄清楚...小记 将定时器名称预设到全局变量,用于执行前清除和执行后清除 使用 setInterval 前先清理一遍已设定的 Interval 以上,有问题在评论区反馈。

    22310

    finally会不执行吗???

    不知道大家有没有问过自己,finally方法会在什么时候不执行呢?那我们下面来看看finally到底会不会不执行。...1.finally的含义 finally的真正含义是指从try代码块出来才一定会执行相应的finally代码块。...虚拟机中,执行main方法的线程就是一个非守护线程,垃圾回收则是另一个守护线程,main执行完,程序就中止了,而不管垃圾回收线程是否中止。...而且,即使其进入了try代码块,finally代码块也不会被执行。 总结 finally代码块并非一定执行,在不进入try代码块或者程序被中止时就不会执行。...所以写代码一定不要想当然,可能你认为绝对不会执行的代码,有时候它还真会执行,什么时候我们都要带着批判思维(熟话说:带脑子)进行程序的开发。

    2K20

    JavaScript设置定时器、取消定时器及执行机制解析

    JavaScript 定时器 定时器也是一种异步任务,通常浏览器都有一个独立的定时器模块,定时器的延迟时间就由定时器模块来管理,当某个定时器到了可执行状态,就会被加入主线程队列。...另外,多个定时器如不及时清除(clearTimeout()),会造成干扰,使延迟时间更加捉摸不透。所以,不管定时器有没有执行完,要及时清除不需要的定时器。...下面来介绍几个常用的 JavaScript 定时器: setTimeout() 设置一个定时器,在定时器到期后执行一次函数或代码段:setTimeout(fn, x) 表示延迟 x 毫秒之后执行 fn...ID func 延迟后执行的函数 code 延迟后执行的代码字符串,不推荐使用原理类似eval() delay 延迟的时间(单位:毫秒),默认值为0 param1,param2 向延迟函数传递而外的参数...console.timeEnd('immediate'); }); setTimeout(() => {     console.timeEnd('timeout'); }, 0); }, 0); 在Node.JS

    4.9K10

    js --- 执行机制

    JS为什么是单线程的?  JS最初被设计用在浏览器中,那么想象一下,如果浏览器中的JS是多线程的。...process1 删除了该dom,而process2 编辑了该dom,同时下达2个矛盾的命令,浏览器究竟该如何执行呢? 2 JS为什么需要异步?...如果JS中不存在异步,只能自上而下执行,如果上一行解析时间很长,那么下面的代码就会被阻塞。 对于用户而言,阻塞就意味着"卡死",这样就导致了很差的用户体验 3 JS单线程又是如何实现异步的呢?   ...是通过的事件循环(event loop),理解了event loop机制,就理解了JS的执行机制。...,而是延迟了一段时间,满足一定条件后才去执行的,这类代码,我们叫异步代码。

    6.3K20

    JS执行机制

    JS执行机制 以下代码执行的结果是什么?...console.log(1); setTimeout(function () { console.log(3); }, 0); console.log(2); 1.1 JS 是单线程...单线程就意味着,所有任务需要排队,前一个任务结束,才会执行后一个任务。这样所导致的问题是: 如果 JS 执行的时间过长,这样就会造成页面的渲染不连贯,导致页面渲染加载阻塞的感觉。...于是,JS 中出现了同步任务和异步任务。 同步 ​   前一个任务结束后再执行后一个任务,程序的执行顺序与任务的排列顺序是一致的、同步的。...他们的本质区别: 这条流水线上各个流程的执行顺序不同。 1.3 JS执行机制(事件循环) 1. 先执行执行栈中的同步任务。 2. 异步任务(回调函数)放入任务队列中。 3.

    7.4K20
    领券