js基于setTimeout與setInterval實(shí)現(xiàn)多線程
本文實(shí)例講述了js基于setTimeout與setInterval實(shí)現(xiàn)多線程的方法。分享給大家供大家參考,具體如下:
javascript無法實(shí)現(xiàn)線程阻塞(sleep),原因是因?yàn)閟leep涉及系統(tǒng)調(diào)用。js出于安全考慮是不允許系統(tǒng)調(diào)用的。
如果一定要實(shí)現(xiàn)語句繼續(xù)執(zhí)行就只能用while(1)空轉(zhuǎn)的方法消耗CPU,判斷到了時(shí)間就break。不過這個(gè)方法也不是真正sleep。
只執(zhí)行一次的定時(shí)器
<script>
//定時(shí)器使用的是異步的方式運(yùn)行的
function hello(){
alert("hello");
}
//使用方法名字執(zhí)行方法
var t1 = window.setTimeout(hello,1000);
var t2 = window.setTimeout("hello()",3000);//使用字符串執(zhí)行方法
window.clearTimeout(t1);//去掉定時(shí)器
</script>
重復(fù)執(zhí)行的定時(shí)器
<script>
function hello(){
alert("hello");
}
//重復(fù)執(zhí)行某個(gè)方法
var t1 = window.setInterval(hello,1000);
var t2 = window.setInterval("hello()",3000);
//去掉定時(shí)器的方法
window.clearInterval(t1);
</script>
問題:
如果在一個(gè)頁(yè)面中有兩個(gè)方法都是在頁(yè)面加載完成之后執(zhí)行的,但是實(shí)際運(yùn)行的結(jié)果不能按照自己想象的先后順序執(zhí)行,該如何解決呢?
解決方法:
可以在onload方法中添加一個(gè)定時(shí)器,設(shè)置一個(gè)定時(shí)器,“延遲”一段時(shí)間之后再運(yùn)行,這樣就可以人為區(qū)分頁(yè)面加載運(yùn)行方法的先后順序了。
更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《JavaScript切換特效與技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》、《JavaScript動(dòng)畫特效與技巧匯總》、《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
- 深入理解setTimeout函數(shù)和setInterval函數(shù)
- 快速掌握Node.js中setTimeout和setInterval的使用方法
- JavaScript中setTimeout和setInterval函數(shù)的傳參及調(diào)用
- JavaScript中SetInterval與setTimeout的用法詳解
- javascript中SetInterval與setTimeout的定時(shí)器用法
- Javascript中setTimeOut和setInterval的定時(shí)器用法
- JavaScript中停止執(zhí)行setInterval和setTimeout事件的方法
- js中的setInterval和setTimeout使用實(shí)例
- JavaScript SetInterval與setTimeout使用方法詳解
- setTimeout和setInterval的深入理解
- BOM系列第二篇之定時(shí)器requestAnimationFrame
- BOM系列第三篇之定時(shí)器應(yīng)用(時(shí)鐘、倒計(jì)時(shí)、秒表和鬧鐘)
- BOM系列第一篇之定時(shí)器setTimeout和setInterval
相關(guān)文章
document.write()及其輸出內(nèi)容的樣式、位置控制
document.write(),用于簡(jiǎn)單的打印內(nèi)容到頁(yè)面上,可以逐字打印你需要的內(nèi)容,既然可以輸出變量,肯定會(huì)想要去控制下變量的顯示,比如位置以及樣式2013-08-08
JS實(shí)現(xiàn)鍵值對(duì)遍歷json數(shù)組功能示例
這篇文章主要介紹了JS實(shí)現(xiàn)鍵值對(duì)遍歷json數(shù)組功能,結(jié)合實(shí)例形式分析了javascript遍歷json數(shù)組相關(guān)操作技巧,需要的朋友可以參考下2018-05-05
IOS中safari下的select下拉菜單文字過長(zhǎng)不換行的解決方法
今天在項(xiàng)目開發(fā)中遇到一個(gè)問題safari下的select下拉菜單文字過長(zhǎng)不換行問題,最終我用<optgroup>標(biāo)簽解決此問題,下面小編把實(shí)現(xiàn)思路分享給大家供大家參考2016-09-09
從數(shù)組中隨機(jī)取x條不重復(fù)數(shù)據(jù)的JS代碼
這篇文章主要介紹了從數(shù)組中隨機(jī)取x條不重復(fù)數(shù)據(jù)的JS代碼,有需要的朋友可以參考一下2013-12-12
JS實(shí)現(xiàn)線性表的鏈?zhǔn)奖硎痉椒ㄊ纠窘?jīng)典數(shù)據(jù)結(jié)構(gòu)】
這篇文章主要介紹了JS實(shí)現(xiàn)線性表的鏈?zhǔn)奖硎痉椒?簡(jiǎn)單講解了線性表鏈?zhǔn)奖硎镜脑聿⒔Y(jié)合實(shí)例形式分析了js針對(duì)線性表鏈?zhǔn)奖硎镜膭?chuàng)建、插入、刪除等節(jié)點(diǎn)操作技巧,需要的朋友可以參考下2017-04-04
深入理解JavaScript系列(6) 強(qiáng)大的原型和原型鏈
JavaScript 不包含傳統(tǒng)的類繼承模型,而是使用 prototypal 原型模型2012-01-01

