Nguyên mẫu - Thực hiện Định kỳ

Nhiều khi yêu cầu thực thi một hàm nhiều lần sau một khoảng thời gian nhất định. Ví dụ: bạn có thể muốn làm mới màn hình của mình sau một thời gian nhất định. Prototype cung cấp một cơ chế đơn giản để thực hiện nó bằng cách sử dụng đối tượng PeriodicalExecuter .

Lợi thế được cung cấp bởi PeriodicalExecuter là nó bảo vệ bạn chống lại nhiều lần thực thi song song của hàm gọi lại.

Tạo một máy tính định kỳ

Hàm tạo nhận hai đối số -

Chức năng gọi lại.
Khoảng thời gian (tính bằng giây) giữa các lần thực hiện.

Sau khi khởi chạy, PeriodicalExecuter sẽ kích hoạt vô thời hạn, cho đến khi trang tải xuống hoặc trình thực thi bị dừng bằng cách sử dụng phương thức stop () .

Thí dụ

Sau đây là ví dụ sẽ bật lên một hộp thoại sau mỗi 5 giây cho đến khi bạn dừng nó bằng cách nhấn nút "hủy".

<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>

Đầu ra