VueがタイマーとのsetTimeoutのsetIntervalの遅れ実装を使用します

JS 2個のタイマ、ループが実行されたsetIntervalを、他のタイミング行われるのsetTimeout

 

繰り返し実行（のsetInterval）

 

名前が示すように、それはタイマが出て破壊されるまで、この方法で一度に実行されるすべてのたまには、ループの実行時間間隔を設定することです

使い方があるのsetInterval（「法または法」、「遅延」）は、最初のパラメータがないときは、括弧内のメソッド名にメソッドまたは方法、注意を払うの名前で、2番目のパラメータは、時間間隔であります

<テンプレート> 
  <セクション> 
    <H1>のHello World〜</ H1> 
  </ section>の
</テンプレート> 
<スクリプト> 
  輸出デフォルト{ 
    データ（）{ 
      リターン{ 
        タイマー： ''、
        値：0 
      }; 
    }、
    メソッド：{ 
      GET（）{ 
        this.value ++。
        console.log（this.value）。
      } 
    }、 
    （）{ 搭載
      this.timer =たsetInterval（this.get、1000）。
    }、
    beforeDestroy（）{ 
      てclearInterval（this.timer）。
    } 
  }。
</ SCRIPT>

 

 

タイマーを作成する時には、上記の例では、最初のページでのsetInterval、1秒の時間間隔は、毎秒が呼び出される関数を得れば、そう、その値に1を足した値。

 

 

 

 

第二に、実行のタイミング（のsetTimeout）

 

実行のタイミングのsetTimeoutの時間は、到着時間を待って、時間を設定することで、一度だけ行われるが、タイマーを実行した後に残ったが、実行されていません

使用方法は、setTimeoutをしないときは、括弧内のメソッド名に、最初のパラメータは、メソッドまたはメソッドの名前であり、注意を払う、および第2のパラメータは、時間間隔である（「メソッドまたはメソッド」、「遅延」）

<テンプレート> 
  <セクション> 
    <H1>のHello World〜</ H1> 
  </ section>の
</テンプレート> 
<スクリプト> 
  輸出デフォルト{ 
    データ（）{ 
      リターン{ 
        タイマー： ''、
        値：0 
      }; 
    }、
    メソッド：{ 
      GET（）{ 
        this.value ++。
        console.log（this.value）。
      } 
    }、 
    （）{ 搭載
      this.timer =のsetTimeout（this.get、1000）。
    }、
    beforeDestroy（）{ 
      てclearTimeout（this.timer）。
    } 
  }。
</ SCRIPT>

 

 

上記のページは、タイマーを作成するときに初期化されるのsetTimeout、一度だけ1秒後の方法を。

タイマーは、そうでない場合は常に存在する、（実行beforeDestroy）ページが出て破壊時にクリアする必要があります！！！