jsの中で2種類のタイマーを区別して、setTimeoutとset Interval.

8425 ワード
JavaScript学習
JavaScriptはタイミング実行コードの機能を提供します.タイマーといいます.主にsetTimeout()とset Interval()の二つの関数で完成します.
セットTimeoutは指定された時間の後に一回だけ実行します.コードは以下の通りです.

   
   
   
   
    
    
    
    
    
  1. 
     
     
     
     
    
      
      
      
      
    
     
     
     
     
    
     
     
     
     
    
      
      
      
      
    
       
       
       
       <script>
       
       
       
       
      
      
      
      
    
     
     
     
     
    2. 
    
    
    
    
  2. 
     
     
     
     
    
      
      
      
      
    
     
     
     
     
    
     
     
     
     
    
      
      
      
      
    
       
       
       
       //        
      
      
      
      
    
     
     
     
     
    3. 
    
    
    
    
  3. 
     
     
     
     
    
      
      
      
      
    
     
     
     
     
    
     
     
     
     
    
      
      
      
      
    
       
       
       
       function hello(){
      
      
      
      
    
     
     
     
     
    4. 
    
    
    
    
  4. 
     
     
     
     
    
      
      
      
      
    
     
     
     
     
    
     
     
     
     
    
      
      
      
      
    
       
       
       
       alert(
       
       
       
       "hello");
      
      
      
      
    
     
     
     
     
    5. 
    
    
    
    
  5. 
     
     
     
     
    
      
      
      
      
    
     
     
     
     
    
     
     
     
     
    
      
      
      
      
    
       
       
       
       }
      
      
      
      
    
     
     
     
     
    6. 
    
    
    
    
  6. 
     
     
     
     
    
      
      
      
      
    
     
     
     
     
    
     
     
     
     
    
      
      
      
      
    
       
       
       
       //          
      
      
      
      
    
     
     
     
     
    7. 
    
    
    
    
  7. 
     
     
     
     
    
      
      
      
      
    
     
     
     
     
    
     
     
     
     
    
      
      
      
      
    
       
       
       
       var t1 = 
       
       
       
       window.setTimeout(hello,
       
       
       
       1000);
      
      
      
      
    
     
     
     
     
    8. 
    
    
    
    
  8. 
     
     
     
     
    
      
      
      
      
    
     
     
     
     
    
     
     
     
     
    
      
      
      
      
    
       
       
       
       var t2 = 
       
       
       
       window.setTimeout(
       
       
       
       "hello()",
       
       
       
       3000);
       
       
       
       //         
      
      
      
      
    
     
     
     
     
    9. 
    
    
    
    
  9. 
     
     
     
     
    
      
      
      
      
    
     
     
     
     
    
     
     
     
     
    
      
      
      
      
    
       
       
       
       window.clearTimeout(t1);
       
       
       
       //     
      
      
      
      
    
     
     
     
     
    10. 
    
    
    
    
  10. 
     
     
     
     
    
      
      
      
      
    
     
     
     
     
    
     
     
     
     
    
      
      
      
      
    
       
       
       
       script> 
      
      
      
      
    
     
     
     
     
    11.

setInterval ， ：


   
   
   
   
    
    
    
    
    
  1. 
     
     
     
     
    
      
      
      
      
    
     
     
     
     
    
     
     
     
     
    
      
      
      
      
    
       
       
       
       //           
      
      
      
      
    
     
     
     
     
    2. 
    
    
    
    
  2. 
     
     
     
     
    
      
      
      
      
    
     
     
     
     
    
     
     
     
     
    
      
      
      
      
    
       
       
       
       setInterval('refreshQuery()',8000); 
      
      
      
      
    
     
     
     
     
    3. 
    
    
    
    
  3. 
     
     
     
     
    
      
      
      
      
    
     
     
     
     
    
     
     
     
     
    
      
      
      
      
    
       
       
       
       /*      */
      
      
      
      
    
     
     
     
     
    4. 
    
    
    
    
  4. 
     
     
     
     
    
      
      
      
      
    
     
     
     
     
    
     
     
     
     
    
      
      
      
      
    
       
       
       
       function refreshQuery(){
      
      
      
      
    
     
     
     
     
    5. 
    
    
    
    
  5. 
     
     
     
     
    
      
      
      
      
    
     
     
     
     
    
     
     
     
     
    
      
      
      
      
    
       
       
       
          $("#mainTable").datagrid('reload',null);
      
      
      
      
    
     
     
     
     
    6. 
    
    
    
    
  6. 
     
     
     
     
    
      
      
      
      
    
     
     
     
     
    
     
     
     
     
    
      
      
      
      
    
       
       
       
       }
      
      
      
      
    
     
     
     
     
    7.

，

setTimeout

setInterval ，


： setTimeout()、setInterval()

・
イベント泡が出たらテーブルの一行を削除します.