MooTools - Периодические издания

MooTools предоставляет возможность поддержки периодических изданий. При этом он может периодически вызывать функцию с одинаковой временной частотой. Обсудим методы и особенности периодических изданий.

периодическое издание ()

Этот метод используется для периодического подъема функции с той же временной частотой. Вначале нам нужно определить несколько вещей. Один - это функция, которую вы запускаете периодически, а второй - числовое значение, указывающее, как часто вы хотите вызывать функцию (числовое значение, измеряемое в миллисекундах). Давайте рассмотрим пример, объясняющий, как функция выполняется каждые 100 миллисекунд. Взгляните на следующий код.

пример

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

Вы получите следующий вывод -

Вывод

Элемент как вторая переменная

Периодическая функция также связывает вторую переменную, которая находится вне функции domready (). Вы можете привязать элемент как вторую переменную к функции, которую вы хотите периодически вызывать. Взгляните на следующий синтаксис, чтобы понять, как передать переменную.

Синтаксис

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);
});

Здесь переданная переменная - это переменная элемента, содержащая элемент html. И эта переменная переходит в периодическую функциюperiodicalFunctionVar как вторая переменная.

$ Очистить ()

$ Этот метод используется для остановки периодической функции. Этот метод помогает сбросить значение периодической переменной. Взгляните на следующий синтаксис, чтобы понять, как использовать функцию $ clear ().

Синтаксис

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