MooTools - Périodiques

MooTools fournit une option qui prend en charge les périodiques. Avec cela, il peut appeler une fonction périodiquement avec la même fréquence de temps de niveau. Discutons des méthodes et des caractéristiques des périodiques.

périodique()

Cette méthode est utilisée pour élever périodiquement une fonction avec le même niveau de fréquence temporelle. Il y a quelques choses que nous devons définir au début. La première est la fonction que vous exécutez périodiquement et la seconde est la valeur numérique correspondant à la fréquence à laquelle vous souhaitez augmenter une fonction (valeur numérique mesurée en millisecondes). Prenons un exemple qui explique comment une fonction s'exécute toutes les 100 millisecondes. Jetez un œil au code suivant.

Exemple

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

Vous recevrez la sortie suivante -

Production

Élément comme deuxième variable

La fonction périodique lie également une deuxième variable qui est en dehors de la fonction domready (). Vous pouvez lier l'élément en tant que deuxième variable à la fonction que vous souhaitez déclencher périodiquement. Jetez un œil à la syntaxe suivante pour comprendre comment passer une variable.

Syntaxe

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

Ici, passVar est la variable d'élément qui contient un élément html. Et cette variable passe à la fonction périodiqueperiodicalFunctionVar comme deuxième variable.

$ Effacer ()

$ Cette méthode est utilisée pour arrêter la fonction périodique. Cette méthode permet de réinitialiser la valeur de la variable périodique. Jetez un œil à la syntaxe suivante pour comprendre comment utiliser la fonction $ clear ().

Syntaxe

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