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