zoukankan      html  css  js  c++  java
  • Meteor计时器

    Meteor有提供它自己的setTimeout和setInterval方法。这些方法被用于确保所有全局变量都具有正确的值。它们就像普通 JavaScript 中的setTimeout 和 setInterval 一样工作。

    Timeout - 超时

    Meteor.setTimeout 的例子。
    Meteor.setTimeout(function(){
       console.log("Timeout called after three seconds..."); }, 3000);
    
    当应用程序已经开始我们可以在超时函数调用(启动 3 秒后调用),在控制台中看到下面的输出结果。

    Interval

    接下来的例子显示如何设置和清除interval。

    meteorApp/client/app.html

    <head>
       <title>meteorApp</title>
    </head>
     
    <body>
       <div>
          {{> myTemplate}}
       </div>
    </body>
     
    <template name = "myTemplate">
       <button>CLEAR</button>
    </template>
    
    我们将设置将 counter 的初始变量在每次调用后更新。

    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...')
          }
       });                                                    
    
    } 

    控制台将每三秒钟记录更新计数器- counter 变量。我们可以通过点击 CLEAR 按钮清除。这将调用 clearInterval 方法。

  • 相关阅读:
    JavaScript
    并发编程基础
    基于 TCP & UDP 协议的 socket 通信
    struct 模块 & subprocess 模块
    Python中的异常处理
    网络编程基础
    Json 模块补充
    冒泡排序
    OOP 反射 & 元类
    OOP 内置函数
  • 原文地址:https://www.cnblogs.com/h2zZhou/p/7390002.html
Copyright © 2011-2022 走看看