MooTools - Tạp chí định kỳ

MooTools cung cấp một tùy chọn hỗ trợ các tạp chí định kỳ. Với điều này, nó có thể gọi một hàm theo định kỳ với cùng tần số thời gian. Hãy để chúng tôi thảo luận về các phương pháp và tính năng của tạp chí định kỳ.

định kỳ ()

Phương pháp này được sử dụng để nâng một hàm định kỳ với cùng một mức tần số thời gian. Có một số điều chúng ta cần xác định ngay từ đầu. Một là hàm bạn chạy định kỳ và hàm thứ hai là giá trị số cho tần suất bạn muốn nâng một hàm (giá trị số được đo bằng mili giây). Hãy để chúng tôi lấy một ví dụ giải thích cách một hàm thực thi trong mỗi 100 mili giây. Hãy xem đoạn mã sau.

Thí dụ

<!DOCTYPE html>
<html>

   <head>
      <script type = "text/javascript" src = "MooTools-Core-1.6.0.js"></script>
      <script type = "text/javascript" src = "MooTools-More-1.6.0.js"></script>
      
      <script type = "text/javascript">
         var periodicalFunction = function(){
            document. writeln("www.tutorialspoint.com");
         }
         
         window.addEvent('domready', function() {
            //number at the end indicates how often to fire, measure in milliseconds
            var periodicalFunctionVar = periodicalFunction.periodical(100);
         });
      </script>
   </head>
   
   <body>
   </body>
   
</html>

Bạn sẽ nhận được kết quả sau:

Đầu ra

Phần tử dưới dạng biến thứ hai

Hàm tuần hoàn cũng liên kết với một biến thứ hai nằm ngoài hàm domready (). Bạn có thể liên kết phần tử dưới dạng biến thứ hai vào hàm mà bạn muốn tăng định kỳ. Hãy xem cú pháp sau để hiểu cách truyền một biến.

Cú pháp

window.addEvent('domready', function() {
   //pass something to a var
   var passedVar = $('elementID');
   
   //now periodicalFunction will be able to use "this" to refer to "passedVar"
   var periodicalFunctionVar = periodicalFunction.periodical(100, passedVar);
});

Ở đây passVar là biến phần tử chứa một phần tử html. Và biến đó chuyển tới hàm tuần hoànperiodicalFunctionVar như biến thứ hai.

$ Clear ()

$ Phương pháp này được sử dụng để dừng hàm định kỳ. Phương pháp này giúp thiết lập lại giá trị biến định kỳ. Hãy xem cú pháp sau để hiểu cách sử dụng hàm $ clear ().

Cú pháp

//we clear the var that we passed the function and periodical to
$clear(periodicalFunctionVar);