JavaScriptにおける実行遅延

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

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

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

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

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

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

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

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

段落が与えられています。ページが読み込まれてから 10 秒後にこの段落にメッセージを表示するコードを書いてください。