MooTools - 期刊

MooTools提供支持期刊的选项.这样,它可以以相同的时间频率周期性地调用函数.让我们讨论期刊的方法和特点.

periodicical()

此方法用于定期以相同的时间段提升函数频率.我们需要在开始时定义一些内容.一个是您定期运行的函数,第二个是您想要引发函数的频率的数值(以毫秒为单位测量的数值).让我们举一个例子来解释一个函数如何在每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.IT屋.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>

您将收到以下输出 :

输出

元素作为第二个变量

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

语法

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

这里传递的是包含html元素的元素变量.并且该变量作为第二个变量传递给周期函数 periodicalFunctionVar .

$ Clear()

$此方法是用来停止期刊功能.此方法有助于重置周期性变量值.看看下面的语法,了解如何使用$ clear()函数.

语法

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