JavaScriptにおける実行遅延

次に、コードの実行前に遅延を設けることを可能にする関数 setTimeout について見ていきましょう。 この遅延は、関数 setInterval とは異なり、1回だけ発生します。

setTimeout の最初のパラメータは関数のソースコードを受け取り、2番目のパラメータはその関数の実行前のミリ秒単位の遅延です。

いくつかの例でこの関数の動作を見てみましょう。例えば、次のようなボタンがあるとします:

html<input type="submit" id="elem">

変数にこのボタンへの参照を取得しましょう:

javascriptlet elem = document.querySelector('#elem');

次に、ボタンをクリックしたときに alert がすぐには表示されず、クリックから 3 秒後に表示されるようにしてみましょう:

javascriptelem.addEventListener('click', function() {
  setTimeout(function() {
    alert('!');
  }, 3000);
});