MooTools - Periódicos

MooTools oferece uma opção que suporta periódicos. Com isso, ele pode chamar uma função periodicamente com o mesmo nível de frequência de tempo. Vamos discutir os métodos e características dos periódicos.

periódico()

Este método é usado para aumentar uma função periodicamente com o mesmo nível de frequência de tempo. Existem algumas coisas que precisamos definir no início. Um é a função que você executa periodicamente e o segundo é o valor numérico para a frequência com que você deseja aumentar uma função (valor numérico medido em milissegundos). Vejamos um exemplo que explica como uma função é executada a cada 100 milissegundos. Dê uma olhada no código a seguir.

Exemplo

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

Você receberá a seguinte saída -

Resultado

Elemento como segunda variável

A função periódica também vincula uma segunda variável que está fora da função domready (). Você pode vincular o elemento como segunda variável à função que deseja aumentar periodicamente. Dê uma olhada na sintaxe a seguir para entender como passar uma variável.

Sintaxe

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

Aqui, passesVar é a variável de elemento que contém um elemento html. E essa variável passa para a função periódicaperiodicalFunctionVar como segunda variável.

$ Clear ()

$ Este método é usado para parar a função periódica. Este método ajuda a redefinir o valor da variável periódica. Dê uma olhada na sintaxe a seguir para entender como usar a função $ clear ().

Sintaxe

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