JavaScript
 Computer >> コンピューター >  >> プログラミング >> JavaScript

JavaScriptで5秒後にWebページを自動的に読み込む方法

JavaScriptのsetTimeout()関数を使用すると、一定の時間が経過した後にWebページを読み込むことができます。この関数は、指定されたミリ秒数だけ処理を待機し、その後に関数や処理を実行します。

setTimeout()の第1引数には実行したい関数を、第2引数には待機時間をミリ秒単位で指定します。例えば「5000」を指定すると、5秒後に処理が実行されます。

サンプルコード

以下のコードを実行すると、5秒後にWebページが読み込まれる動作を確認できます。

<!DOCTYPE html>
<html>
   <body>
      <script>
         setTimeout(myURL, 5000);
         function myURL(){
            window.open('https://qries.com');
         }
      </script>
      <p>Webページは5秒後に読み込まれます。</p>
   </body>
</html>

コードの解説

  • setTimeout(myURL, 5000)：myURL関数を5000ミリ秒（＝5秒）後に実行するようスケジュールします。
  • window.open()：指定したURLを新しいウィンドウまたはタブで開きます。同じタブで開きたい場合は、第2引数に'_self'を指定してください。

このようにsetTimeout()を活用することで、広告表示前の待機時間やページ遷移までのカウントダウンなど、さまざまな場面で時間差処理を簡単に実装できます。

  1. JavaScriptコールバック関数とは?基本から実践的な使い方まで徹底解説

    コードの中で「callback(コールバック)」という言葉を目にしたことがある方は多いのではないでしょうか。コールバック関数とは、別の関数に引数として渡される特別な種類の関数のことです。 コールバックはイベントハンドラの中でよく使われ、特定のコードブロックを実行するために活用されます。この記事では、コールバック関数とは何か、どのように動作するのかを解説し、実際のコード例を通して使い方を学んでいきます。 コールバック関数とは? コールバック関数とは、別の関数にパラメータ(引数)として渡される関数のことです。 コールバック関数は、それが渡された関数の中で実行されます。関数を実行するとき、コールバッ

  2. JavaScript関数の使い方を徹底解説！初心者向けステップバイステップガイド

    JavaScriptの関数とは、再利用できるカスタムコードブロックのことです。関数を活用することでコードのモジュール化が促進され、オブジェクト指向プログラミングにおいても欠かせない存在となります。関数は「宣言」または「式」のいずれかの方法で定義できます。 これからJavaScriptを学ぼうとしている方にとって、JS関数の基礎は必ず押さえておきたい重要ポイントです。プログラミング言語に触れた経験がある方なら、関数が複雑なプログラムを組み立てるための基本的な部品であることはご存じでしょう。しかし、その仕組みまで理解している方は少ないかもしれません。関数を使えば、共通の処理を一度書くだけで済