Prototype-periodical-execution

提供:Dev Guides
移動先:案内検索

プロトタイプ-定期的な実行

多くの場合、一定の期間の後、関数を何度も実行する必要があります。 たとえば、一定時間後に画面を更新することができます。 プロトタイプは、_PeriodicalExecuter_オブジェクトを使用して実装するための簡単なメカニズムを提供します。

_PeriodicalExecuter_によって提供される利点は、コールバック関数の複数の並列実行から保護されることです。

PeriodicalExecuterの作成

コンストラクタは2つの引数を取ります-

  • コールバック関数。
  • 実行の間隔(秒単位)。

起動すると、_stop()_メソッドを使用してページがアンロードされるか実行者が停止されるまで、PeriodicalExecuterが無期限にトリガーされます。

以下は、「キャンセル」ボタンを押して停止するまで、5秒ごとにダイアログボックスを表示する例です。

<html>
   <head>
      <title>Prototype examples</title>
      <script type = "text/javascript" src = "/javascript/prototype.js"></script>

      <script>
         function startExec() {
            new PeriodicalExecuter(function(pe) {
               if (!confirm('Want me to annoy you again later?'))
               pe.stop();
            }, 5);
         }
      </script>
   </head>

   <body>
      <p>Click start button to start periodic executer:</p>
      <br/>
      <br/>
      <input type = "button" value = "start" onclick = "startExec();"/>
   </body>
</html>

出力