js基于setTimeout与setInterval实现多线程
更新时间：2016年06月17日 10:29:01 作者：hbiao68
这篇文章主要介绍了js基于setTimeout与setInterval实现多线程的方法,分析了多线程的原理与javascript模拟实现多线程的相关技巧,需要的朋友可以参考下
本文实例讲述了js基于setTimeout与setInterval实现多线程的方法。分享给大家供大家参考，具体如下：
javascript无法实现线程阻塞（sleep），原因是因为sleep涉及系统调用。js出于安全考虑是不允许系统调用的。
如果一定要实现语句继续执行就只能用while(1)空转的方法消耗CPU，判断到了时间就break。不过这个方法也不是真正sleep。
只执行一次的定时器
<script>
//定时器使用的是异步的方式运行的
function hello(){
alert("hello");
}
//使用方法名字执行方法
var t1 = window.setTimeout(hello,1000);
var t2 = window.setTimeout("hello()",3000);//使用字符串执行方法
window.clearTimeout(t1);//去掉定时器
</script>
重复执行的定时器
<script>
function hello(){
alert("hello");
}
//重复执行某个方法
var t1 = window.setInterval(hello,1000);
var t2 = window.setInterval("hello()",3000);
//去掉定时器的方法
window.clearInterval(t1);
</script>
问题：
如果在一个页面中有两个方法都是在页面加载完成之后执行的，但是实际运行的结果不能按照自己想象的先后顺序执行，该如何解决呢？
解决方法：
可以在onload方法中添加一个定时器，设置一个定时器，“延迟”一段时间之后再运行，这样就可以人为区分页面加载运行方法的先后顺序了。
更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript动画特效与技巧汇总》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。
您可能感兴趣的文章:
- 深入理解setTimeout函数和setInterval函数
- 快速掌握Node.js中setTimeout和setInterval的使用方法
- JavaScript中setTimeout和setInterval函数的传参及调用
- JavaScript中SetInterval与setTimeout的用法详解
- javascript中SetInterval与setTimeout的定时器用法
- Javascript中setTimeOut和setInterval的定时器用法
- JavaScript中停止执行setInterval和setTimeout事件的方法
- js中的setInterval和setTimeout使用实例
- JavaScript SetInterval与setTimeout使用方法详解
- setTimeout和setInterval的深入理解
- BOM系列第二篇之定时器requestAnimationFrame
- BOM系列第三篇之定时器应用(时钟、倒计时、秒表和闹钟)
- BOM系列第一篇之定时器setTimeout和setInterval
相关文章
这篇文章主要为大家详细介绍了js实现div色块碰撞，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-01-01
这篇文章主要介绍了js中实现继承的五种方法，帮助大家更好的理解和使用JavaScript，感兴趣的朋友可以了解下2021-01-01
浏览器对于我们来说，可能是最熟悉的工具了。在我们的产品开发过程中，经常要考虑浏览器兼容问题，以适应不同的用户人群，同时也减少因浏览器兼容问题所带来的服务量。所以检测浏览器的版本及类型就是很重要的一件事了，下面来一起看看用Javascript如何实现。2016-08-08
这篇文章主要介绍了ES6中Generator与异步操作,结合实例形式分析Generator的概念、功能及相关操作技巧,需要的朋友可以参考下2017-03-03
JavaScript-世界上误解最深的语言分析...2007-08-08
这篇文章主要介绍了原生JS实现的轮播图功能,结合实例形式分析了javascript实现轮播图的原理、操作技巧与相关注意事项,需要的朋友可以参考下2018-08-08
target在事件流的目标阶段；currentTarget在事件流的捕获，目标及冒泡阶段。只有当事件流处在目标阶段的时候，两个的指向才是一样的，而当处于捕获和冒泡阶段的时候，target指向被单击的对象而currentTarget指向当前事件活动的对象（一般为父级）。2011-08-08
Javascript ParentNode和ChildNode接口原理解析
这篇文章主要介绍了Javascript ParentNode和ChildNode接口原理解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-03-03
今天做个项目，需要在当前的html页面中引用一个远程的html页面，百度了一下，发现一个非常好用的代码，这里分享给大家，有相同需求的小伙伴可以来看看2017-03-03
这篇文章主要介绍了JS实现基于拖拽改变物体大小的方法,涉及javascript事件响应及页面元素属性动态操作相关实现技巧,需要的朋友可以参考下2018-01-01
最新评论