jsタイミング機能の紹介

1703 ワード

概要
jsアニメではタイマーというものがよく使われていますが、とても使いやすいです.jsに内蔵されているsetInterval()とsetTimeout()関数は、前者は数秒ごとに一回実行され、後者は一定時間遅延して実行されるタイミングの機能を提供する.また、javascriptに内蔵されているclear Interval関数はタイマー機能をキャンセルするために使用されます.
set Interval()関数
set Interval()関数は、指定された周期(ミリ秒単位)で関数または計算式を呼び出すことができます.無限に実行してもいいし、clear Interval関数によってクリアできます.
//        :
var timer= setInterval(code, delay);
//  code      ,      function    ,delay      ,    ,               。
例をあげる
var fn=function(){  
    console.log("fn()      ");  
}   
setInterval(fn,1000);//  1min        
set Timeout()関数
setTimeout()は、指定された遅延時間の後に関数を呼び出したり、コードセグメントを実行したりするために、clearTimeout()関数を使用して、setTimeout()メソッドによって設定された遅延呼び出しをキャンセルすることができる.
//       setInterval()   :
var timer= setTimeout()(code, delay);
//  code      ,      function    ,delay          ,      。
例をあげる
setTimeout(function() {  
console.log(1);  
}, 1000); //  1min       1;
たとえば:
setTimeout(function() {  
console.log(1);  
}, 0);  
console.log(2);  
//     :   2,   1。  
setTimeout()関数を使ってsetInterval()関数を最適化するスキーム
setInterval()関数は一般的に使われず、setTimeout()関数の遅延はsetInterval()関数の代わりに再帰される.set Interval()関数は、特に時間が短い場合には、コールバックが発生します.シナリオ1:
var timeout = false; //           
function time() {  
    if(timeout) return;  
    console.log(1);  
    setTimeout(time,1000);  
}  
time();  
シナリオ2:
var fn=function(){  
console.log(1);  
setTimeout(fn, 1000)  
}  
fn();  
最後にclearInterval関数とclearTimeout関数の文法を言います.これは簡単です.前のタイマーに変数を与えて、clearInterval関数またはclearTimeout()関数の小さい括弧にこの変数名を書くとタイマーをクリアできます.以上はタイマーに対する簡単な考えです.皆さんに喜んでもらえますように.