ホームページ > 記事 > ウェブフロントエンド > JavaScriptでのsetIntervalの使い方の詳しい説明

JavaScriptでのsetIntervalの使い方の詳しい説明

黄舟オリジナル: 2017-11-24 09:57:032288ブラウズ

JavaScriptのsetIntervalの機能は、アニメーションを再生する際に一定の間隔で関数やメソッド、オブジェクトを呼び出すことであることはご存知の方も多いと思いますが、setIntervalの定義だけを知っていてよく理解していないという友人も多いと思います。 . 今日は、JavaScript での setInterval の使い方について詳しく紹介します。

setInterval アクションの構文形式は次のとおりです:

setInterval(function,interval[,arg1,arg2,......argn])
setInterval(object,methodName,interval[,arg1,arg2,.....argn])

最初の形式は標準アクションパネルの setInterval 関数のデフォルト構文で、2 番目の形式はエキスパートモードアクションで使用されるメソッドです。

パラメータ関数は、関数名または
匿名関数への参照です。 object パラメーターは、Object object から派生したオブジェクトを指定します。 MethodName は、object パラメータで呼び出されるメソッドを指定します。 interval は、関数またはメソッド名への 2 つの呼び出し間の時間をミリ秒単位で指定します。次の arg1 などはオプションのパラメーターで、関数またはメソッド名に渡されるパラメーターを指定するために使用されます。
setInterval 設定する時間間隔がアニメーションのフレームレート (1 秒あたり 10 フレーム、100 ミリ秒に相当) より小さい場合、関数はその間隔にできるだけ近い時間間隔で呼び出されます。
そして、画面が十分な頻度で更新されるようにするには、updateAfterEvent アクションを使用する必要があります。間隔がアニメーションのフレームレートより大きい場合、各画面更新の影響を軽減するために、再生ヘッドが特定のフレームに入るたびにのみ呼び出されます。
以下の例では、匿名関数を 1 秒ごとに呼び出します。

setInterval(function(){trace("每隔1秒钟我就会显示一次")},1000);//这里的function(){}是没有函数名的函数。成为匿名函数，后面的1000是时间间隔，单位是毫秒。

次の例は、パラメータを指定して実行する方法を示しています。

function show1(){
    trace("每隔1秒显示一次");
}
function show2(str){
    trace(str);
}
setInterval(show1,1000);

setInterval(show2,2000,"2秒ごとに表示します"); 関数のsetIntervalメソッドは上で紹介しました。

以下では、オブジェクトの setInterval メソッドを紹介します。
まず、アクションでオブジェクトの setInterval メソッドを呼び出す例を作成します。この例ではパラメーターを渡す必要はありません。

myobj=new Object();//创建一个新的对象
myobj.interval=function){
    trace("每隔1秒显示一次");
}//创建对象的方法。
setInterval(myobj,"interval",1000);//设定时间间隔调用对象的方法。

次にパラメータの受け渡し方法を紹介します。実際、原理は関数のパラメータを渡すのと同じです。

えー

注意してください。オブジェクトに対して定義されたメソッドを呼び出す場合は、エキスパートモードで 2 番目の構文形式を使用する必要があります。

今回は動的に時刻を表示する画面を作ってみましょう。これは次のコードで実現できます。

myobj=new Object();
myobj.interval-function(str){
    trace(str);
}
setInterval(myobj,"interval",2000," 每隔2秒我就会显示一次");

こう見ると、皆さん setInterval メソッドをよく学んだはずです。ここで、clearInterval アクションの機能は、setInterval 関数の呼び出しをクリアすることです。clearInterval(intervalid); は、setInterval 関数の呼び出し後に返されるオブジェクトです。

これが簡単な例です。

setInterval(show,1000);
function show(){
    time=new Date();
    hour=time.getHours();
       minu=time.getMinutes();
       sec=time.get.Seconds();
    datetime=hour+":"+minu+":"+sec;
}//这里的datetime是一个动态文本框的变量名字。

概要: この記事を詳しく学ぶことで、JavaScript での setInterval の使用法をより深く理解できるようになると思います。あなたの仕事に役立つことを願っています。

JavaScriptでのsetIntervalの使い方の詳しい説明

関連記事