MooTools - 周期

MooTools 提供了一个支持周期的选项。通过这个选项,它可以以相同的时间频率定期调用一个函数。让我们讨论一下周期的方法和特性。

periodical()

此方法用于以相同的时间频率定期调用一个函数。我们需要在开始时定义几件事。一个是你定期运行的函数,第二个是你想要调用函数的频率的数值(以毫秒为单位的数值)。让我们举一个例子来解释一个函数是如何每 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 函数 () 之外。您可以将元素作为第二个变量绑定到要定期引发的函数中。查看以下语法以了解如何传递变量。

语法

window.addEvent('domready', function() {
    //将某些内容传递给 var
    var passingVar = $('elementID');
    
    //现在 periodicalFunction 将能够使用"this"来引用"passedVar"
    var periodicalFunctionVar = periodicalFunction.periodical(100, passingVar);
});

此处 passingVar 是保存 html 元素的元素变量。该变量作为第二个变量传递给 periodical 函数 periodicalFunctionVar

$Clear()

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

语法

//我们清除传递给函数和 periodical 的变量
$clear(periodicalFunctionVar);