没有合适的资源?快使用搜索试试~ 我知道了~
setTimeout的延时为0时多个浏览器的区别
0 下载量 111 浏览量
2020-12-03
05:55:46
上传
评论
收藏 107KB PDF 举报
温馨提示
试读
2页
由于不是很了解浏览器的内部执行策略,本文只能是通过前端一些测试依稀猜测些结论: 1)测试举例 做了两个例子: 1-1)脚本在页面中直接执行,通过刷新看结果 代码如下: <!DOCTYPE HTML> <HTML> <HEAD> [removed] var t=new Date; setTimeout(function(){ alert(‘cost time:’+(new Date-t)) },0); [removed] </HEAD> <BODY> </BODY> </HTML> 测试结果: 在ie各个版本浏览器下,得到的alert结果大
资源详情
资源评论
资源推荐
setTimeout的延时为的延时为0时多个浏览器的区别时多个浏览器的区别
由于不是很了解浏览器的内部执行策略,本文只能是通过前端一些测试依稀猜测些结论:
1)测试举例)测试举例
做了两个例子:
1-1)脚本在页面中直接执行,通过刷新看结果
代码如下:
<!DOCTYPE HTML>
<HTML>
<HEAD>
<script type=”text/javascript”>
var t=new Date;
setTimeout(function(){
alert(‘cost time:’+(new Date-t))
},0);
</script>
</HEAD>
<BODY>
</BODY>
</HTML>
测试结果:测试结果:
在ie各个版本浏览器下,得到的alert结果大体为:14左后,区间为8~21毫秒之间;
chrome19,基本为1,区间为1~5之间,但是偶尔会是15左右
firefox12,基本为3,区间为2~7之间,但是偶尔也有15左右的值
safari5.1,基本为4,区间为1~7之间,但是偶尔也有15左右的值
opera11.5,基本为5,区间为2~8之间,但是偶尔有很大值
1-2)通过点击div看结果
代码如下:
<!DOCTYPE HTML>
<HTML>
<HEAD>
<script type=”text/javascript”>
function test(){
var t=new Date;
setTimeout(function(){
alert(‘cost time:’+(new Date-t))
},0);
}
</script>
</HEAD>
<BODY>
<div onclick=’test()’ id=”div1″ style=”position:relative;width:200px;height:200px;background-
color:green;left:100px;top:100px;”>
</div>
</BODY>
</HTML>
测试结果:
在ie各个版本浏览器下,得到的alert结果大体为:5左后,偶尔有大值;
chrome19,基本为2,偶尔为3
firefox12,基本为1,0,2,但是偶尔也有13左右的值
safari5.1,基本为1,偶尔为2和3
opera11.5,基本为4,3,,但是偶尔有12左右的值。
以上测试,均在打开多个干扰复杂页面的标签、单个标签中测试。结果差不多。
2)说明什么? )说明什么?
其实也得不到什么结论,但是测试结果基本反映了当前流行浏览器js脚本的效率排名。
究其原因,可能得出一些印证:
2-1)由于js的主执行线程为单线程,所以此值肯定一般大于0,setTimeout的执行时间点只是加入js主执行队列中的时间
点,至于什么时候执行,是由js引擎线程按顺序执行的队列来决定。此结论在很多处说到。可自行查阅( 如:JavaScript可否
多线程? 深入理解JavaScript定时机制);
此结论也印证很火时候用setTimeout做动画不流畅的原因等。
顺便在此贴出背光的一副图很能说明问题:
weixin_38532629
- 粉丝: 5
- 资源: 921
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 基于python弹幕情感分析的直播高光时刻判断模型设计与系统实现
- (精品)第4章数控铣床和加工中心工艺与编程.ppt
- (精品)第6章卫星移动通信系统.ppt
- TI杯大奖赛本科组+研究生组论文+源代码+PCB基于TMS320F28335的超声波流量计
- TI杯大奖赛本科组+研究生组论文+源代码+PCB基于TMS320F2812的图像识别智能跟踪小车
- PuTTY Connection Manager ( puttyCM )
- TI杯大奖赛本科组+研究生组论文+源代码+PCB基于TMS320F2812的节能环保型矩阵式变频器的开发
- C语言:消息通信实例代码,主函数实现消息发送与消息接收功能
- (HTML+CSS+jQuery)学生仿手机端静态外卖项目
- 车载软件的OTA方案需求确认内容
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功
评论0