首頁猿問 js 如何實現(xiàn)暫停和繼續(xù)功能

js 如何實現(xiàn)暫停和繼續(xù)功能

JavaScript

尚方寶劍之說 2019-03-30 11:30:58

如果使用for循環(huán)直接會卡死瀏覽器，如果使用setTimeout下面的程序會繼續(xù)運行，所以有什么好的辦法能夠?qū)崿F(xiàn)類似asleep的功能

查看完整描述

2 回答

富國滬深

TA貢獻1790條經(jīng)驗獲得超9個贊

使用狀態(tài)監(jiān)測。準備兩個可訪問的變量值，一個用于保存狀態(tài)，一個用于暫停時緩存下個步驟。主執(zhí)行線程對所有步驟采用回調(diào)隔離設(shè)計，每個步驟結(jié)束后對該變量進行監(jiān)測，變量值為繼續(xù)時直接調(diào)用下個步驟，變量值為暫停時，將下個步驟寫入緩存并停止。暫停按鈕用于將狀態(tài)變量設(shè)為暫停值，繼續(xù)按鈕將將狀態(tài)變量設(shè)為繼續(xù)值并執(zhí)行緩存的步驟。狀態(tài)檢測函數(shù)可以直接作為回調(diào)處理，也可以使用數(shù)組依次的方式，具體可參考各種可串聯(lián)和暫停的動畫庫。

反對回復 2019-03-30