javascript sleepを自作して待機時間を作る

javascript sleepを自作して待機時間を作る

javascriptで、PromiseとsetTimeoutを使用してsleepを自作して待機時間を作るサンプルコードを記述してます。

環境

  • OS windows10 pro 64bit
  • Apache 2.4.43
  • ブラウザ chrome 84.0.4147.105

sleep機能作成

非同期処理のPromiseとsetTimeoutを使用すると、待機時間を作ることが可能です

サンプルコード

以下は、
「実行」ボタンをクリックすると、5秒待機した後にテキストを表示する
サンプルコードとなります。

※cssには「bootstrap material」を使用してます。

待機時間が作れていることが確認できます。