html 定时器运行过久,定时器解决js长时间运行脚本问题

一般地，单个js操作的运行时间不应超过100毫秒，否则的话，会影响用户体验，用户会认为自己与界面失去联系。而对于一些复杂的任务，可能无法在100ms内完成，甚至会突破浏览器限制(调用栈大小限制和长时间运行限制)。其中，长时间运行限制的衡量有执行语句的数量和执行语句的时间。

因此，针对复杂任务，要想不影响用户体验，就需要借助定时器。

使用定时器可以让出UI线程的控制权，停止执行javascript，使得UI线程有机会更新，然后隔一段时间后在执行javascript代码。

function clickFun(){

......

setTimeout(fun,50); //在setTimeout()调用时刻为t1，经过50ms后，即在t1+50时，定时器代码的javascript任务会被加入UI队列，但不一定立即执行。

otherOperate();

}

如果，otherOperate函数的执行时间超过50ms，则定时器代码会在click事件完成前被加入UI队列，在otherOperate函数执行完成后，立即调用定时器里的代码，甚至察觉不出延迟。

注：定时器代码只有在创建它的函数执行完成后，才有可能被执行

而且，定时器代码会重置浏览器所有相关的设置，包括长时间运行脚本定时器，调用栈的大小。所以，这一特性使得定时器成为长时间运行js代码的理想解决方案。

另外：给setTimeout、setInterval函数传递参数时，第一个参数尽量是函数而不是字符串，这是为了避免双重求值的问题，影响性能。

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

ASP.NET 工作流 支持长时间运行操作的 Web 应用程序 Michael Kennedy   代码下载位置:MSDN 代码库 在线浏览代码 本文将介绍以下内容: 独立于进程的工作流 同步和异步活 ...

三点经验：长时间运行函数需要随时发射信号报告进度，以及设置bool变量随时可以退出，每做一步操作必须及时记录和处理相关信息

三点经验:长时间运行函数需要随时发射信号报告进度,以及设置bool变量随时可以退出,每做一步操作必须及时记录和处理相关信息 不能到最后一起处理,否则万一中间出错了,这个记录状态就全部都乱了.

[ASP.NET Core 3框架揭秘] 服务承载系统[1]: 承载长时间运行的服务[上篇]

借助.NET Core提供的承载(Hosting)系统,我们可以将任意一个或者多个长时间运行(Long-Running)的服务寄宿或者承载于托管进程中.ASP.NET Core应用仅仅是该承载系统的一 ...

解决Apache长时间占用内存大的问题，Apache 内存优化方法

问:为什么服务器在连续运行多天后或访问峰值后,进程中的一个Apache.exe占用内存几百兆不减少?答:用记事本打开apache2\conf\httpd.conf,我在centos5上装了kloxo, ...

jetty 长时间运行之后出现 PWC6117 file not found

严重: PWC6117: File "%2Ftmp%2Fjetty-0.0.0.0-9090-admin.war-_admin-any-%2Fwebapp%2Ferror%2F404.jsp ...

hadoop如何处理长时间运行不完成的map/reduce 任务?

如果某一个任务在某个节点上长时间不完成,怎么手动干预来处理这种情况?董西成博客上找到的回答:hadoop中有三种特殊的任务,failed task,killed task和speculative ta ...

hadoop长时间运行后，stop-all.sh报错

报错现象: hadoop在stop-all.sh的时候依据的是datanode上的mapred和dfs进程号. 而默认的进程号保存在/tmp下,linux默认会每 隔一段时间(一般是一个月或者7天左右 ...

Oracle11g 查询长时间运行的SQL

一.大量的查询 某些时候,因为SQL的问题,导致数据库的session大量积压,服务器的磁盘读增大,CPU使用率剧增.一般这种SQL,都是一些全表扫描.多表关联.报表或者排序类的SQL.这中情况很有可 ...

解决Powershell中不能运行脚本问题

问题: powershell中不能执行脚本,提示‘because running scripts is disabled on this system’ 原因: powershell中默认的execu ...

随机推荐

Hibernate实体关系映射(OneToMany单边)——完整实例

单边一对多关系:电子邮件管理 单边一对多关系:指一方有集合属性,包含多个多方,而多的一方没有一方的引用. 比如:用户(一)与电子邮件(多).一个用户可以有多个电子邮件记录. 目的:通过OneToMan ...

(一)读取PCD文件

下面是一个简单的读取PCD文件并显示的代码: #include #include #include

简易的highcharts公共绘图模块封装--基于.net mvc

运行效果: 之所以选择这个图表插件,是因为它较其他同类插件轻量且中文文档详细完整,Demo丰富,配置使用简单.具体内容请登录中文官网:http://www.hcharts.cn/ 项目详细: 项目环境 ...

VUE中 style scoped 修改原有样式

作用域CSS 当

vmware您无权输入许可证密钥,请请使用系统管理员账户重试

vmware15,输入许可证时报“您无权输入许可证密钥,请请使用系统管理员账户重试”,切换到Administrator以后,并没有什么作用. 网上的各种进入cmd的方法也无效. 后来发现,只要是已经存 ...

双11线上压测netty内存泄露

最近线上压测,机器学习模型第一次应用到线上经历双11大促.JSF微服务有报错 LEAK: ByteBuf.release() was not called before it's garbage-co ...

利用springloaded进行java class动态替换

我们知道对于一个java文件,如Test.java,首先需要通过javac命令(javac Test.java)进行编译,生成class文件,再将class文件在jvm上进行加载运行,也就是java命 ...

(Object String 类中的方法练习)

package com.zs.demo1; public class Demo1 { public static void main(String[] args) { fun1(); fun2(); ...

ubuntu16安装git

执行一条命令就可以: sudo apt-get install git