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