专栏首页仙士可博客关于js暂停执行的方法

关于js暂停执行的方法

JavaScript是一门单线程但是可处理异步任务的脚本语言,是没有提供sleep等类似的方法的,当有需求需要暂停js脚本时,可以使用以下的方法  单线程分析:http://blog.csdn.net/talking12391239/article/details/21168489

一:alert,comfirm弹窗暂停

js的alert,confirm弹窗类方法,是可以暂停js脚本执行的

例如:

<script>
console.log(1);
alert(1);
console.log(2);


</script>

这样弹窗,是需要点击确认才会执行下面的语句的

就算是定时器也一样暂停

<script>
var i=0;
setInterval(function(){
	console.log(i);
	i++;
	if(i==5){
		alert(i);
	}
},500)
</script>

所以,如果需要暂停的话,可以使用弹窗法暂停脚本,缺点是会影响用户体验

二:while();方法暂停

while方法可以暂停,但是会影响浏览器性能,并且不好控制

<script>
var i=0;
console.log(new Date());
while(i<5000000000){
	i++;
}
console.log(new Date());
</script>

只要控制下while的判断条件,就可以实现暂停了

三,ajax同步请求方法

此方法需要服务器协作才能实现,本人不建议,因为懒,也懒得测试了,

大概步骤就是:ajax同步请求服务器,带上一个参数time,服务器接收之后,sleep(time),到时间再输出,回到ajax回调函数,在这个时间 内,ajax是停止状态的

最后再补充几句,其实js是不能暂停脚本的,上面的方法,只是抢占当前浏览器线程,相当于该线程的某个语句一直还停留在当前浏览器线程,

如:while,当前还未执行完while循环该方法,所以不能退出该线程

不让切换执行,所以实现了暂停

本文为仙士可原创文章,转载无需和我联系,但请注明来自仙士可博客www.php20.cn

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • php提前响应请求继续执行代码(伪异步)

    在很多业务需求中,我们都可能需要先让php给浏览器输出,然后在后台慢慢处理其他不用输出耗时的业务.

    仙士可
  • php实现tcp服务器

    经过了一个半月的研究,终于将php多进程,和tcp方面研究通了,这篇文章主要讲解一下我了解到的知识点

    仙士可
  • linux安装php memcache扩展

    checking for libmemcached location… configure: error: memcached support requires...

    仙士可
  • 谈一谈javascript异步

    我们知道JavaScript的单线程的,这与它的用途有关。作为浏览器脚本语言,JavaScript的主要用途是与用户互动,以及操作DOM。这决定了它只能是单线程...

    陌上寒
  • JavaScript的预编译过程

    在全局环境中会生成一个 GO对象 (Global Object),还是按照上面的四步执行。

    FinGet
  • 2016.01.05 HTML5真题练习

    HTML5学堂:每天一道题,强壮程序员!今日主要涉及01.04日关于Date对象的题目解答,以及一道涉及数组转换成字符串操作的题目。 HTML5真题【2016....

    HTML5学堂
  • 该不该扼杀过多的if-else

    抛开其他因素,如果if-else过多,可读性也许会好也可能会降低,可维护性也是或高或低;如果if-else少,代码高度抽象,可读性会低或者不变,可维护性可能会高...

    lhyt
  • Java泛型全解析

    把一个对象放进集合中之后,集合就会忘记这个对象的数据类型,当再次取出该对象时,该对象的编译类型就变成Object类型了

    迹_Jason
  • python: assert 内建函数

    当 expression (表达式) 的 bool类型 为 False 时,如果 arguments 被定义了,则抛出 arguments ,否则抛出 Asse...

    Petrichor_
  • vue post请求参数在controller层无法封装问题

    版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。 ...

    多凡

扫码关注云+社区

领取腾讯云代金券

玩转腾讯云 有奖征文活动