js?promise?中使用?setTimeout?實(shí)現(xiàn)暫停執(zhí)行的效果
在使用 promise 時(shí),需要使用 setTimeout 來(lái)進(jìn)行延時(shí)執(zhí)行
對(duì) promise 還不太熟悉的同學(xué)可能第一時(shí)間想到的是這樣的寫(xiě)法
如:
run(); async function run() { console.log('1'); // 等待兩秒之后執(zhí)行 setTimeout(() => { const data = await getData(); console.log(data); }, 200); } function getData() { return new Promise((resolve, reject) => { resolve("200"); }) }
這樣寫(xiě) await 就報(bào)錯(cuò)了
想要實(shí)現(xiàn)延時(shí)效果,我們這里先封裝個(gè)sleep
function x_sleep(time) { return new Promise(resovle => { setTimeout(() => { resolve(); }, time) }) }
此時(shí)就可以通過(guò)我們的 sleep函數(shù)去進(jìn)行延時(shí)處理了
完整代碼:
run(); async function run() { console.log("1"); // 停止2秒 await x_sleep(2000); const data = await getData(); console.log(data); } function getData() { return new Promise((resolve, reject) => { resolve("200"); }) } function x_sleep(time) { return new Promise(resolve => { setTimeout(() => { resolve(); }, time) }) }
到此這篇關(guān)于js promise 中使用 setTimeout 實(shí)現(xiàn)暫停執(zhí)行 的文章就介紹到這了,更多相關(guān)js使用 setTimeout 實(shí)現(xiàn)暫停執(zhí)行 內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
微信小程序自定義toast組件的方法詳解【含動(dòng)畫(huà)】
這篇文章主要介紹了微信小程序自定義toast組件的方法,結(jié)合實(shí)例形式詳細(xì)分析了微信小程序自定義toast組件的步驟、實(shí)現(xiàn)方法及相關(guān)操作技巧,需要的朋友可以參考下2019-05-05javascript setAttribute, getAttribute 在不同瀏覽器上的不同表現(xiàn)
該方法把指定的屬性設(shè)置為指定的值。如果不存在具有指定名稱(chēng)的屬性,該方法將創(chuàng)建一個(gè)新屬性。2010-08-08js實(shí)現(xiàn)3D圖片逐張輪播幻燈片特效代碼分享
這篇文章主要介紹了js實(shí)現(xiàn)3D圖片逐張輪播幻燈片特效,圖片輪播效果特別適合做產(chǎn)品展示,具有很強(qiáng)的立體效果,感興趣的小伙伴可以參考下。2015-09-09JavaScript實(shí)現(xiàn)在頁(yè)面間傳值的方法
這篇文章主要介紹了JavaScript實(shí)現(xiàn)在頁(yè)面間傳值的方法,涉及javascript傳值的技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-04-04JavaScript中的純函數(shù)與偏函數(shù)你了解嗎
JS中,純函數(shù)指在相同的輸入下始終產(chǎn)生相同的輸出并且沒(méi)有副作用的函數(shù),偏函數(shù)指一種創(chuàng)建新函數(shù)的方法,通過(guò)預(yù)設(shè)一個(gè)或多個(gè)參數(shù)從而實(shí)現(xiàn)對(duì)原始函數(shù)的封裝和定制,本文主要來(lái)講講純函數(shù)與偏函數(shù)的一些使用,需要的可以參考一下2023-05-05基于JavaScript實(shí)現(xiàn)數(shù)值型坐標(biāo)軸刻度計(jì)算算法(echarts的y軸刻度計(jì)算)
這篇文章主要介紹了基于JavaScript實(shí)現(xiàn)數(shù)值型坐標(biāo)軸刻度計(jì)算算法(echarts的y軸刻度計(jì)算),文章圍繞主題展開(kāi)詳細(xì)的內(nèi)容介紹,感興趣的朋友可以參考與一下2022-06-06微信小程序使用百度AI識(shí)別接口的通用封裝Promise詳解
這篇文章主要介紹了微信小程序使用百度AI識(shí)別接口的通用封裝Promise,本文給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2023-04-04