Mootools-periodicals

提供:Dev Guides
移動先:案内検索

MooTools-定期刊行物

MooToolsは、定期刊行物をサポートするオプションを提供します。 これにより、同じレベルの時間頻度で定期的に関数を呼び出すことができます。 定期刊行物の方法と特徴について議論しましょう。

定期的な()

このメソッドは、同じレベルの時間頻度で関数を定期的に発生させるために使用されます。 最初に定義する必要があるものがいくつかあります。 1つは定期的に実行する関数で、2つ目は関数を発生させる頻度の数値(ミリ秒単位の数値)です。 関数が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.finddevguides.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>

次の出力が表示されます-

出力

2番目の変数としての要素

周期関数は、domready function()の外側にある2番目の変数もバインドします。 要素を2番目の変数として、定期的に発生させる関数にバインドできます。 次の構文を見て、変数を渡す方法を理解してください。

構文

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

ここで、passedVarは、html要素を保持する要素変数です。 そして、その変数は、周期関数 periodicalFunctionVar に2番目の変数として渡されます。

$ Clear()

$このメソッドは、定期的な機能を停止するために使用されます。 この方法は、定期的な変数値のリセットに役立ちます。 次の構文を見て、$ clear()関数の使用方法を理解してください。

構文

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