jQueryのdelay()をJavaScriptで実装する代替サンプルコード

2023-08-04

jQueryのdelay()メソッドは、指定された時間だけ実行を一時停止するためのものです。JavaScriptでは、setTimeout()関数を使用して同様の動作を実現することができます。以下に、delay()をJavaScriptで実装する代替サンプルコードを示します。

function delay(ms) {
	return new Promise(resolve => setTimeout(resolve, ms));
}

// 使用例
console.log('処理開始');
delay(2000).then(() => {
	console.log('2秒後に実行される処理');
});
console.log('処理終了');

このサンプルコードでは、delay()関数を定義しています。引数に指定されたミリ秒数だけ待機し、Promiseを返します。setTimeout()関数は指定された時間が経過した後にresolve()を呼び出してPromiseを解決します。その後、then()メソッドを使用して、待機時間が終了した後に実行される処理を指定します。

上記のサンプルコードでは、2秒の待機時間を指定しています。"処理開始"というメッセージが最初に表示され、2秒後に"2秒後に実行される処理"というメッセージが表示されます。最後に"処理終了"というメッセージが表示されます。