ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScript_javascript スキルでの setInterval の使用法の概要

JavaScript_javascript スキルでの setInterval の使用法の概要

WBOY
WBOYオリジナル
2016-05-16 17:14:02891ブラウズ

setInterval アクションは、アニメーションの再生時に一定の間隔で関数、メソッド、またはオブジェクトを呼び出すために使用されます。このアクションを使用して、データベースから変数を更新したり、時間表示を更新したりできます。

setInterval アクションの構文形式は次のとおりです。
setInterval(function,interval[,arg1,arg2,...argn])
setInterval(object,メソッド名 ,間隔[,arg1,arg2,...argn])

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

パラメータ関数は、関数名または匿名関数への参照です。 object パラメーターは、Object オブジェクトから派生したオブジェクトを指定します。 MethodName は、object パラメータで呼び出されるメソッドを指定します。

interval は、関数またはメソッド名への 2 つの呼び出し間の時間をミリ秒単位で指定します。次の arg1 などはオプションのパラメーターで、関数またはメソッド名に渡されるパラメーターを指定するために使用されます。

setInterval 設定する時間間隔がアニメーションのフレーム レート (1 秒あたり 10 フレーム、100 ミリ秒に相当するなど) より小さい場合、関数はその間隔にできるだけ近い時間間隔で呼び出されます。

画面が十分な頻度で更新されるようにするには、updateAfterEvent アクションを使用する必要があります。間隔がアニメーションのフレーム レートより大きい場合、各画面更新の影響を軽減するために、再生ヘッドが特定のフレームに入るたびにのみ呼び出されます。

次の例では、匿名関数を 1 秒ごとに呼び出します。
setInterval(function(){trace("1 秒ごとに表示します")},1000);//ここでの function(){} は関数名のない関数です。無名関数となり、次の1000は時間間隔、単位はミリ秒です。

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

コードをコピー コードは次のとおりです。

function show1(){
トレース("1 秒ごとに表示");
}
function show2(str){
track(str);
}
setInterval(show1,1000);
setInterval( show2, 2000,"2秒ごとに表示します");

関数のsetIntervalメソッドは上で紹介しました。

以下にオブジェクトのsetIntervalメソッドを紹介します。

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

コードをコピー コードは次のとおりです:

myobj=new Object();//新しいオブジェクトの作成
myobj.interval=function){
trace("1 秒ごとに表示");
}//オブジェクトを作成するメソッド。
setInterval(myobj,"interval",1000);//オブジェクトのメソッドを呼び出す時間間隔を設定します。

次にパラメータを渡す方法を紹介します。実際、原理は関数のパラメータを渡すのと同じです。
コードをコピー コードは次のとおりです:

myobj=new Object();
myobj.interval-function(str){
trace(str);
}
setInterval(myobj,"interval",2000,"2 秒ごとに表示します");

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

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

コードをコピーします コードは次のとおりです:

setInterval(show,1000);
関数 show (){
time=new Date();
hour=time.getHours();
minu=time.getMinutes();
sec=time.get.Seconds() ;
datetime=hour ":" minu ":" sec;
}//ここでの datetime はダイナミック テキスト ボックスの変数名です。

こう見ると、皆さん setInterval メソッドをよく学んだはずです。それでは、clearInterval について学習しましょう。

clearInterval アクションの役割は、setInterval 関数の呼び出しをクリアすることです。その構文形式は次のとおりです: clearInterval(intervalid); intervalid は、setInterval 関数の呼び出し後に返されるオブジェクトです。

これは簡単な例です。

コードをコピー コードは次のとおりです。

function show(){
トレース("毎秒 1 回表示");
}
var sh;
sh=setInterval(show,1000);
clearInterval(sh);
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。