MooTools - Periodici

MooTools fornisce un'opzione che supporta i periodici. Con questo, può chiamare una funzione periodicamente con la stessa frequenza temporale del livello. Parliamo dei metodi e delle caratteristiche dei periodici.

periodico()

Questo metodo viene utilizzato per aumentare periodicamente una funzione con lo stesso livello di frequenza temporale. Ci sono alcune cose che dobbiamo definire all'inizio. Uno è la funzione che esegui periodicamente e il secondo è il valore numerico che indica la frequenza con cui vuoi aumentare una funzione (valore numerico misurato in millisecondi). Facciamo un esempio che spieghi come viene eseguita una funzione ogni 100 millisecondi. Dai un'occhiata al seguente codice.

Esempio

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

Riceverai il seguente output:

Produzione

Elemento come seconda variabile

La funzione periodica lega anche una seconda variabile che è al di fuori della funzione domready (). Puoi legare l'elemento come seconda variabile nella funzione che vuoi aumentare periodicamente. Dai un'occhiata alla seguente sintassi per capire come passare una variabile.

Sintassi

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

QuipassVar è la variabile dell'elemento che contiene un elemento html. E quella variabile passa alla funzione periodicaperiodicalFunctionVar come seconda variabile.

$ Cancella ()

$ Questo metodo viene utilizzato per interrompere la funzione periodica. Questo metodo aiuta a reimpostare il valore della variabile periodica. Dai un'occhiata alla seguente sintassi per capire come usare la funzione $ clear ().

Sintassi

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