js基于setTimeout與setInterval實(shí)現(xiàn)多線程
本文實(shí)例講述了js基于setTimeout與setInterval實(shí)現(xiàn)多線程的方法。分享給大家供大家參考，具體如下：
javascript無(wú)法實(shí)現(xiàn)線程阻塞（sleep），原因是因?yàn)閟leep涉及系統(tǒng)調(diào)用。js出于安全考慮是不允許系統(tǒng)調(diào)用的。
如果一定要實(shí)現(xiàn)語(yǔ)句繼續(xù)執(zhí)行就只能用while(1)空轉(zhuǎn)的方法消耗CPU，判斷到了時(shí)間就break。不過(guò)這個(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>
問(wèn)題：
如果在一個(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)畫(huà)特效與技巧匯總》、《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)文章
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)div色塊碰撞，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-01-01
這篇文章主要介紹了js中實(shí)現(xiàn)繼承的五種方法，幫助大家更好的理解和使用JavaScript，感興趣的朋友可以了解下2021-01-01
瀏覽器對(duì)于我們來(lái)說(shuō)，可能是最熟悉的工具了。在我們的產(chǎn)品開(kāi)發(fā)過(guò)程中，經(jīng)常要考慮瀏覽器兼容問(wèn)題，以適應(yīng)不同的用戶人群，同時(shí)也減少因?yàn)g覽器兼容問(wèn)題所帶來(lái)的服務(wù)量。所以檢測(cè)瀏覽器的版本及類型就是很重要的一件事了，下面來(lái)一起看看用Javascript如何實(shí)現(xiàn)。2016-08-08
這篇文章主要介紹了ES6中Generator與異步操作,結(jié)合實(shí)例形式分析Generator的概念、功能及相關(guān)操作技巧,需要的朋友可以參考下2017-03-03
JavaScript-世界上誤解最深的語(yǔ)言分析...2007-08-08
這篇文章主要介紹了原生JS實(shí)現(xiàn)的輪播圖功能,結(jié)合實(shí)例形式分析了javascript實(shí)現(xiàn)輪播圖的原理、操作技巧與相關(guān)注意事項(xiàng),需要的朋友可以參考下2018-08-08
JS target與currentTarget區(qū)別說(shuō)明
target在事件流的目標(biāo)階段；currentTarget在事件流的捕獲，目標(biāo)及冒泡階段。只有當(dāng)事件流處在目標(biāo)階段的時(shí)候，兩個(gè)的指向才是一樣的，而當(dāng)處于捕獲和冒泡階段的時(shí)候，target指向被單擊的對(duì)象而currentTarget指向當(dāng)前事件活動(dòng)的對(duì)象（一般為父級(jí)）。2011-08-08
Javascript ParentNode和ChildNode接口原理解析
這篇文章主要介紹了Javascript ParentNode和ChildNode接口原理解析,文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-03-03
JavaScript實(shí)現(xiàn)獲取遠(yuǎn)程的html到當(dāng)前頁(yè)面中
今天做個(gè)項(xiàng)目，需要在當(dāng)前的html頁(yè)面中引用一個(gè)遠(yuǎn)程的html頁(yè)面，百度了一下，發(fā)現(xiàn)一個(gè)非常好用的代碼，這里分享給大家，有相同需求的小伙伴可以來(lái)看看2017-03-03
這篇文章主要介紹了JS實(shí)現(xiàn)基于拖拽改變物體大小的方法,涉及javascript事件響應(yīng)及頁(yè)面元素屬性動(dòng)態(tài)操作相關(guān)實(shí)現(xiàn)技巧,需要的朋友可以參考下2018-01-01