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>

您将收到以下输出 -

输出

元素作为第二个变量

periodical 函数还绑定了 domready function() 之外的第二个变量。您可以将元素作为第二个变量绑定到要定期引发的函数中。查看以下语法以了解如何传递变量。

句法

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

这里的passedVar是保存html元素的元素变量。该变量作为第二个变量传递给周期函数periodicalFunctionVar。

$清除()

$该方法用于停止周期功能。该方法有助于重置周期变量值。查看以下语法以了解如何使用 $clear() 函数。

句法

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