鍍金池/ 教程/ HTML/ Meteor計時器
Meteor結(jié)構(gòu)
Meteor部署
Meteor排序
Meteor事件
Meteor Blaze
Meteor第一個應用程序
Meteor發(fā)布和訂閱
Meteor環(huán)境安裝配置
Meteor package.js
Meteor在手機上運行
Meteor集合
Meteor模板
Meteor跟蹤器
Meteor發(fā)送郵件
Meteor計時器
Meteor ToDo App實例
Meteor軟件包管理
Meteor方法
Meteor表單
Meteor Assets資源
Meteor會話
Meteor EJSON
Meteor http
Meteor安全
Meteor核心API
Meteor check
Meteor帳號
Meteor教程

Meteor計時器

Meteor有提供它自己的setTimeout和setInterval方法。這些方法被用于確保所有全局變量都具有正確的值。它們就像普通 JavaScript 中的setTimeout 和 setInterval 一樣工作。

Timeout - 超時

Meteor.setTimeout 的例子。 
Meteor.setTimeout(function(){
   console.log("Timeout called after three seconds..."); }, 3000);
當應用程序已經(jīng)開始我們可以在超時函數(shù)調(diào)用(啟動 3 秒后調(diào)用)，在控制臺中看到下面的輸出結(jié)果。


Interval

接下來的例子顯示如何設置和清除interval。

meteorApp/client/app.html 

<head>
   <title>meteorApp</title>
</head>
 
<body>
   <div>
      {{> myTemplate}}
   </div>
</body>
 
<template name = "myTemplate">
   <button>CLEAR</button>
</template>
我們將設置將 counter 的初始變量在每次調(diào)用后更新。

meteorApp/client/app.js 

if (Meteor.isClient) {

   var counter = 0;

   var myInterval = Meteor.setInterval(function(){
      counter ++
      console.log("Interval called " + counter + " times...");
   }, 3000);

   Template.myTemplate.events({
      'click button': function(){
         Meteor.clearInterval(myInterval);
         console.log('Interval cleared...')
      }
   });                                                    

} 

控制臺將每三秒鐘記錄更新計數(shù)器- counter 變量。我們可以通過點擊 CLEAR 按鈕清除。這將調(diào)用 clearInterval 方法。