首頁 > web前端 > js教程 > 主體

怎麼讓js暫停執行

php中世界最好的语言
發布: 2018-03-16 09:58:51
原創
14617 人瀏覽過

這次帶給大家怎麼讓js暫停執行,讓js暫停執行的注意事項有哪些,以下就是實戰案例,一起來看一下。

JavaScript是一門單執行緒但是可處理非同步任務的腳本語言,是沒有提供sleep等類似的方法的,當有需求需要暫停js腳本時,可以使用以下的方法 單執行緒分析

一:alert,comfirm彈出視窗暫停

#js的alert,confirm彈跳視窗類別方法,是可以暫停js腳本執行的

#例如:

<script>
console.log(1);
alert(1);
console.log(2);
</script>
登入後複製


怎麼讓js暫停執行

怎麼讓js暫停執行

#這樣彈窗,是需要點選確認才會執行下面的語句的

就算定時器也一樣暫停

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

   


怎麼讓js暫停執行

怎麼讓js暫停執行


怎麼讓js暫停執行

#所以,如果需要暫停的話,可以使用彈窗法暫停腳本,缺點是會影響使用者體驗

#二: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循環###該方法,所以不能退出該執行緒######不讓切換執行,所以實現了暫停######相信看了本文案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章! ######推薦閱讀:#########用JQ怎麼實現右鍵點選收藏網頁###############aja的非同步上傳外掛#### ###########jQuery實作多層驗證後的表單驗證##########

以上是怎麼讓js暫停執行的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板