js windowオブジェクトにおけるsetTimeout方法とset Interval方法の役割、用法と区別.
4773 ワード
windowオブジェクトはBOMのトップターゲットとして、windowオブジェクトとして頻繁に使用されるsetInterval方法とsetTimeout方法が重要です.
①set Interval()方法
定義と用法
①set Interval()メソッドは、指定されたサイクル(ミリ秒表記)で関数または計算式を呼び出すことができます.②setInterval()メソッドは、clear Interval()が呼び出されたり、ウィンドウが閉じられたりするまで、関数をひっきりなしに呼び出します.set Interval()によって返されたID値は、clear Interval()方法のパラメータとして利用できる.
構文
set Interval(code,milisec)code.呼び出す関数または実行するコード列./関数またはコード列milisecを伝えます.codeを周期的に実行する時間間隔をミリ秒で計算します.カスタム設定のサイクル(ミリ秒単位)
戻り値
この関数には戻り値があり、これによってWindows.clearIntervalに伝達され、コードの周期的な実行がキャンセルされます.
set Interval()使用
②set Timeout()方法
定義と用法
setTimeout()メソッドは、ミリ秒の数を指定して関数を呼び出したり、式を計算したりします.
構文
setTimeout(code,milisec)code.呼び出す関数の後に実行するJavaScriptコード列.//関数またはコード列milisecを伝えます.コードを実行する前に待つミリ秒数/カスタム時間(ミリ秒単位)
戻り値
この関数には戻り値もあり、Windows.clearTimeout()に伝達してコードの実行をキャンセルすることができます.
set Timeout()用法
③両者の違い
同じ点:両方の文法は同じです.異なる点:set Timeoutは一回だけ実行しますが、set Intervalはずっとset Intervalを実行します.繰り返しオープンされます.set Timeoutを閉じられません.何回か繰り返しオープンされたら、クローズとオープンは同じ回数が必要です.
注意:setTimeout()はsetInterval()に比べて符号化が少ないが、複雑な制御をすると、setTimeout()の戻り値が適時にクリアされないと、予期せぬ予期せぬアクシデントを引き起こすことが多い.setTimeout()またはset Interval()を使用する場合、彼らの戻り値に注意しなければならない問題があります.
実はsetTimeout方法を採用してsetIntervalの効果を実現することもできます.関数の中だけで、再帰的にsetTimeout方法を使用すればいいです.
①set Interval()方法
定義と用法
①set Interval()メソッドは、指定されたサイクル(ミリ秒表記)で関数または計算式を呼び出すことができます.②setInterval()メソッドは、clear Interval()が呼び出されたり、ウィンドウが閉じられたりするまで、関数をひっきりなしに呼び出します.set Interval()によって返されたID値は、clear Interval()方法のパラメータとして利用できる.
構文
set Interval(code,milisec)code.呼び出す関数または実行するコード列./関数またはコード列milisecを伝えます.codeを周期的に実行する時間間隔をミリ秒で計算します.カスタム設定のサイクル(ミリ秒単位)
戻り値
この関数には戻り値があり、これによってWindows.clearIntervalに伝達され、コードの周期的な実行がキャンセルされます.
set Interval()使用
function a(){
var i=0;
console.log(++i);
}
setInterval(a,3000); // a , 3000 3000
その結果:関数aは3秒ごとに実行されます.関数aの実行を停止する必要がある場合、set Intervalを受信した変数の値を定義し、その値をclear Interval()のパラメータとして実行することで、setInterval()の実行を終了することができる.②set Timeout()方法
定義と用法
setTimeout()メソッドは、ミリ秒の数を指定して関数を呼び出したり、式を計算したりします.
構文
setTimeout(code,milisec)code.呼び出す関数の後に実行するJavaScriptコード列.//関数またはコード列milisecを伝えます.コードを実行する前に待つミリ秒数/カスタム時間(ミリ秒単位)
戻り値
この関数には戻り値もあり、Windows.clearTimeout()に伝達してコードの実行をキャンセルすることができます.
set Timeout()用法
function a(){
console.log(" ");
}
var time = setTimeout(a,5000); // a 5000 ,
関数aは5秒後に実行され、風船が爆発します.気球が爆発する前にこの関数を停止したいならば、time受信関数の戻り値をclearTimeout()パラメータとして実行すれば、この悲劇の発生を阻止することができる.③両者の違い
同じ点:両方の文法は同じです.異なる点:set Timeoutは一回だけ実行しますが、set Intervalはずっとset Intervalを実行します.繰り返しオープンされます.set Timeoutを閉じられません.何回か繰り返しオープンされたら、クローズとオープンは同じ回数が必要です.
注意:setTimeout()はsetInterval()に比べて符号化が少ないが、複雑な制御をすると、setTimeout()の戻り値が適時にクリアされないと、予期せぬ予期せぬアクシデントを引き起こすことが多い.setTimeout()またはset Interval()を使用する場合、彼らの戻り値に注意しなければならない問題があります.
実はsetTimeout方法を採用してsetIntervalの効果を実現することもできます.関数の中だけで、再帰的にsetTimeout方法を使用すればいいです.
// setTimeout setInterval
(function a(){
console.log(" ");
var time = setTimeout(a,3000); //
})();
三秒ごとに風船が爆発します.