js 长时间开定时器有什么问题

2024-10-03

JS定时器不可靠的原因及解决方案

前言在工作中应用定时器的场景非常多,但你会发现有时候定时器好像并没有按照我们的预期去执行,比如我们常遇到的setTimeout(()=>{},0)它有时候并不是按我们预期的立马就执行.想要知道为什么会这样,我们首先需要了解Javascript计时器的工作原理. 定时器工作原理为了理解计时器的内部工作原理,我们首先需要了解一个非常重要的概念:计时器设定的延时是没有保证的.因为所有在浏览器中执行的JavaScript单线程异步事件(比如鼠标点击事件和计时器)都只有在它有空的时候才执行. 这么说可

定时器解决js长时间运行脚本问题

一般地,单个js操作的运行时间不应超过100毫秒,否则的话,会影响用户体验,用户会认为自己与界面失去联系.而对于一些复杂的任务,可能无法在100ms内完成,甚至会突破浏览器限制(调用栈大小限制和长时间运行限制).其中,长时间运行限制的衡量有执行语句的数量和执行语句的时间. 因此,针对复杂任务,要想不影响用户体验,就需要借助定时器. 使用定时器可以让出UI线程的控制权,停止执行javascript,使得UI线程有机会更新,然后隔一段时间后在执行javascript代码. function cl

使用html+css+js实现日历与定时器，看看今天的日期和今天剩余的时间。

使用html+css+js实现日历与定时器,看看今天的日期和今天剩余的时间. 效果图: 哎,今天就又这么过去了,过的可真快 . 代码如下,复制即可使用: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .calendar { width: 300px

hadoop jobhistory访问界面长时间打不开

1.浏览器无法直接通过url访问可能原因 :主机名未配置,因此无法识别,在 c:\windows\system32\drivers\etc 目录添加主机名和对应ip hostname1[主机名 ] *.*.*.8[ip] 2.访问需要很长时间 hadoop配置文件,jobhistory缓存任务数太多,导致访问缓慢在mapreduce-site.xml配置文件中,修改或增加如下配置信息: <property> <name>mapreduce.jobhistory.joblist.

js高级技巧之高级定时器

实际上,浏览器负责进行排序,指派某段代码在某个时间点运行的优先级. 可以吧js想象成在时间线上运行的. JavaScript中没有任何代码是立刻执行的,但一旦进程空闲则尽快执行. 1.重复的定时器: setInterval()的重复定时器存在两个缺点: (1)某些间隔会被跳过 (2)多个定时器的代码执行之间的间隔可能比预期的小: 假设,某个onclick事件处理程序使用setInterval()设置了一个200ms间隔的重复定时器.如果事件处理程序花了300ms多一点的时间完成,同时定时器代码也

屏蔽电信流氓广告造成的诡异的问题--Android WebView 长时间不能载入页面

发如今家里的时候用Android App里的WebView打开站点非常慢,会有十几秒甚至更长时间的卡住. 可是在电脑上打开相同的网页却非常快. 查找这个问题的过程比較曲折,记录下来. 抓取Android网络数据为了调试这个问题,首先要抓取Android的网络包数据.開始时,是想用Wireshark来抓包的,可是非常麻烦,tcpdump在手机要root权限. 于是转换思路,能不能在Android上设置代理,来抓包? 可是fiddler没有linux版本号,于是转用BurpSuite了. 设置An

关于js中两种定时器的设置及清除（转载）

1.JS中的定时器有两种: window.setTimeout([function],[interval]) 设置一个定时器,并且设定了一个等待的时间[interval],当到达时间后,执行对应的方法[function],当方法执行完成定时器停止(但是定时器还在,只不过没用了);window.setInterval([function],[interval]) 设置一个定时器,并且设定了一个等待的时间[interval],当到达时间后,执行对应的方法[function],当方法执行完成,定时器并

ajax 多个setInterval进行ajax请求的页面长时间打开会出现页面卡死问题

多个setInterval进行ajax请求的页面长时间打开会出现页面卡死问题浏览器的渲染(UI)线程和js线程是互斥的,在执行js耗时操作时,页面渲染会被阻塞掉.当我们执行异步ajax的时候没有问题,但当设置为同步请求时,其他的动作(ajax函数后面的代码,还有渲染线程)都会停止下来.即使DOM操作语句是在发起请求的前一句,这个同步请求也会“迅速”将UI线程阻塞,不给它执行的时间.这就是代码失效的原因. 方案一: setInterval会消耗网页内存,如果不清理会一直消耗直到网页卡死. 解决

ios之申请后台延时执行和做一个假后台的方法(系统进入长时间后台后,再进入前台部分功能不能实现)

转自:http://sis hu ok.com/forum/blogCategory/showByCategory.html?categories_id=138&user_id=10385 居然话sis hu ok.com违禁嗨~~~ 想看原文请把空格去掉我们知道,到我们程序从前台退到后台(安home)键后,将执行程序的委托方法. // 当应用程序掉到后台时,执行该方法 - (void)applicationDidEnterBackground:(UIApplication *)ap

WinForm触摸屏程序功能界面长时间不操作自动关闭回到主界面 z

操作者经常会在执行了某操作后,没有返还主界面就结束了操作然后离开了,程序应该关闭功能窗体自动回到主界面方便下一位操作者操作.那么对于WinForm程序怎么实现呢? 实现原理:拦截Application响应操作系统发送到消息,如果是比如KeyDown.Mouse Move等输入设备相关的Message ID则表示程序是在有人操作的状态,反之则使用一个计数器累积到某值,也就是相当于多长时间无人操作则关闭功能界面回到主界面.使用 Application.AddMessageFilter方法添加消息的过

Handler处理长时间事件

当我们在处理一些比较长时间的事件时候,比如读取网络或者数据库的数据时候,就要用到Handler,有时候为了不影响用户操作应用的流畅还要开多一个线程来区别UI线程,在新的线程里面处理长时间的操作.开发的时候遇到数据处理都可以这样用handler,灵活修改一下就可以做各种效果了. 第一步:ProgressDialog弹出旋转框来提示长时间操作. 第二步:开多一个线程处理长时间操作,这里让线程睡觉10秒. 第三部:长时间操作结束后给handler发送一个消息,可以是一个整数,如果这个Activity有

Web页面长时间无操作后再获取焦点时转到登录界面

今天开始讲新浪博客搬到博客园. 在工作中遇到的小问题,感觉有点意思,就记录下来吧! 该问题分为两种情况,一.Web页面长时间无操作后,在对其进行操作,比如点击“首页”.“设置”等带有超链接字段,此时可直接设置session的有效时间来解决.session有效时间一般都是设置登录控制器(MVC) 中的Controller中,如: session.setMaxInactive(300);//设置session有效时间为300秒. 当超过5分钟都没有对其进

JavaScript长时间未操作自动退出登录

主要是通过mouseover 来监听有没有进行当前页面操作,通过未操作时间和设定退出的时间做比较,从而退出登录. var oldTime = new Date().getTime(); var newTime = new Date().getTime(); var outTime = 8 * 60 * 1000; //设置超时时间: 8分钟 $(function(){ /* 鼠标移动事件 */ $(document).mouseover(function(){ oldTime = new Dat

ASP.NET 工作流：支持长时间运行操作的 Web 应用程序

ASP.NET 工作流支持长时间运行操作的 Web 应用程序 Michael Kennedy 代码下载位置:MSDN 代码库在线浏览代码本文将介绍以下内容: 独立于进程的工作流同步和异步活动工作流.活动和持久性与 ASP.NET 集成本文使用了以下技术: Windows Workflow Foundation.ASP.NET 目录管理工作流同步和异步活动 “空闲”究竟指什么? 同步任务异步化工作流和活动持久性使之变为现实与 ASP.NET 集成考虑事项综述人们

利用ES6的Promise.all实现至少请求多长时间

1.背景我们都知道ajax请求可以加个timeout,就是最多请求多少时间,如果超过这个时间直接就报错. 这个是最多请求多长时间,我现在要做的是,最少要请求多长时间,然后才能执行后续的逻辑. 比如,一个ajax请求 x 毫秒就执行完毕了,但我要让他至少执行1秒钟,那我们会这么想: ajax完成后 , 1. 如果x<1s, 那我们先setTimeout => 1s - x ,然后执行后续操作. 2 如果x>=1s, 那我们直接执行后续操作. 想想这可繁琐了,我们还要在前面记录一下开始时间

安装npm install时，长时间停留在某一处的解决方案

默认情况npm install安装时,会从 github.com 上下载文件,大部分安装不成功的原因都源自这里因为 GitHub Releases 里的文件都托管在 s3.amazonaws.com 上面,而这个网址在国内总是网络不稳定,所以我们需要通过第三方服务器下载这个文件以下是我所遇到过的一些问题及解决方案: 1.安装npm install时,长时间停留在fetchMetadata: sill mapToRegistry uri http://registry.npmjs.org/wh

从一道看似简单的面试题重新理解JS执行机制与定时器

壹 ❀ 引最近在看前端进阶的系列专栏,碰巧看到了几篇关于JS事件执行机制的面试文章,因为我在之前一篇 JS执行机制详解,定时器时间间隔的真正含义博文中也有记录JS执行机制,所以正好用于作为测试自己的理解情况,那么本文顺着题目来重新理一理思路,说说我对于题目的理解,扩充知识点. 本文站在你对于JS执行机制与定时器已经有所了解的前提下展开,若非如此,建议先了解相关概念会更好,那么本文开始. 贰 ❀ 一道变化的面试题题目一: 说说以上代码输出什么? 没错,这只是一个非常简单的for循环,依

web页面长时间未操作自动退出登录

var lastTime = new Date().getTime(); var currentTime = new Date().getTime(); * * ; //设置超时时间: 10分 $(function(){ /* 鼠标移动事件 */ $(document).mouseover(function(){ lastTime = new Date().getTime(); //更新操作时间 }); }); function testTime(){ currentTime = new Dat

js判断时间格式是否有效

js判断时间格式是否有效 1 短时间,形如 (13:04:06)function isTime(str){var a = str.match(/^(\d{1,2})(:)?(\d{1,2})\2(\d{1,2})$/);if (a == null) {alert('输入的参数不是时间格式'); return false;}if (a[1]>24 || a[3]>60 || a[4]>60){alert("时间格式不对");return false}return tru

极简 Node.js 入门 - 2.4 定时器

极简 Node.js 入门系列教程:https://www.yuque.com/sunluyong/node 本文更佳阅读体验:https://www.yuque.com/sunluyong/node/timer timer 用于安排函数在未来某个时间点被调用,Node.js 中的定时器函数实现了与 Web 浏览器提供的定时器 API 类似的 API,但是使用了事件循环实现,Node.js 中有四个相关的方法 setTimeout(callback, delay[, ...args]) setI