js基于setTimeout与setInterval实现多线程

2024-05-06 16:31:31

字体：大中小

来源：转载

供稿：网友

本文实例讲述了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/Ajax教程频道。

上一篇：jQuery1.9+中删除了live以后的替代方法

下一篇：浅谈jQuery animate easing的具体使用方法(推荐)