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.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()函数.
//we clear the var that we passed the function and periodical to $clear(periodicalFunctionVar);