原型 - 周期执行



很多时候,需要在特定时间段后多次执行一个函数。例如,您可能想要在指定时间后刷新屏幕。原型提供了一个使用 PeriodicalExecuter 对象实现它的简单机制。

PeriodicalExecuter 提供的优势是,它保护您免受回调函数的多次并行执行。

创建 PeriodicalExecuter

构造函数有两个参数 −

  • 回调函数。
  • 执行之间的间隔(以秒为单位)。

一旦启动,PeriodicalExecuter 会无限期触发,直到页面卸载或使用 stop() 方法停止执行器。

示例

以下示例会在每 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>

输出

广告