js?promise?中使用?setTimeout?實現(xiàn)暫停執(zhí)行的效果
更新時間：2023年04月21日 15:12:00 作者：aganjue
這篇文章主要介紹了js?promise?中使用?setTimeout?實現(xiàn)暫停執(zhí)行的,本文通過實例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下
在使用 promise 時，需要使用 setTimeout 來進(jìn)行延時執(zhí)行
對 promise 還不太熟悉的同學(xué)可能第一時間想到的是這樣的寫法
如：
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");
})
}這樣寫 await 就報錯了
想要實現(xiàn)延時效果，我們這里先封裝個sleep
function x_sleep(time) {
return new Promise(resovle => {
setTimeout(() => {
resolve();
}, time)
})
}此時就可以通過我們的 sleep函數(shù)去進(jìn)行延時處理了
完整代碼：
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 實現(xiàn)暫停執(zhí)行 的文章就介紹到這了,更多相關(guān)js使用 setTimeout 實現(xiàn)暫停執(zhí)行 內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
這篇文章主要介紹了微信小程序自定義toast組件的方法,結(jié)合實例形式詳細(xì)分析了微信小程序自定義toast組件的步驟、實現(xiàn)方法及相關(guān)操作技巧,需要的朋友可以參考下2019-05-05
javascript setAttribute, getAttribute 在不同瀏覽器上的不同表現(xiàn)
該方法把指定的屬性設(shè)置為指定的值。如果不存在具有指定名稱的屬性，該方法將創(chuàng)建一個新屬性。2010-08-08
這篇文章主要介紹了js實現(xiàn)3D圖片逐張輪播幻燈片特效，圖片輪播效果特別適合做產(chǎn)品展示，具有很強的立體效果，感興趣的小伙伴可以參考下。2015-09-09
這篇文章主要介紹了JavaScript實現(xiàn)在頁面間傳值的方法,涉及javascript傳值的技巧,非常具有實用價值,需要的朋友可以參考下2015-04-04
這篇文章主要為大家詳細(xì)介紹了js禁止瀏覽器的回退事件，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-04-04
JavaScript中的純函數(shù)與偏函數(shù)你了解嗎
JS中，純函數(shù)指在相同的輸入下始終產(chǎn)生相同的輸出并且沒有副作用的函數(shù)，偏函數(shù)指一種創(chuàng)建新函數(shù)的方法，通過預(yù)設(shè)一個或多個參數(shù)從而實現(xiàn)對原始函數(shù)的封裝和定制，本文主要來講講純函數(shù)與偏函數(shù)的一些使用，需要的可以參考一下2023-05-05
一些不錯的JS 自定義函數(shù) ，不少網(wǎng)站都在用，都是一些比較不錯的函數(shù)，可以拿來直接使用。建議學(xué)習(xí)。2009-08-08
基于JavaScript實現(xiàn)數(shù)值型坐標(biāo)軸刻度計算算法(echarts的y軸刻度計算)
這篇文章主要介紹了基于JavaScript實現(xiàn)數(shù)值型坐標(biāo)軸刻度計算算法(echarts的y軸刻度計算),文章圍繞主題展開詳細(xì)的內(nèi)容介紹，感興趣的朋友可以參考與一下2022-06-06
這篇文章主要介紹了微信小程序使用百度AI識別接口的通用封裝Promise,本文給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2023-04-04
這篇文章主要介紹了JAVA截取字符串 substring方法，要的朋友可以參考下2017-04-04