Meteor.js 中的簡單時鍾或如何重新加載模板？

Question

我正在嘗試使用meteor.js 中的模板，但如何在給定時間后重新加載它們？ 例如，我想要一個名為“時間”的模板，它必須每秒重新加載以顯示當前時間，還有一個模板“日期”，它必須每分鍾重新加載一次，因為日期每分鍾都可以更改，或者一個日歷每 5 分鍾左右重新加載 .ics，以確保始終准確。

我當前的代碼如下所示：

<body>
    <!-- TOP -->
    <div class="top left">{{> time }}</div>
    <div class="top mid"></div>
    <div class="top right">{{> date }}</div> 
    
</body>

<template name="time">
<div>{{ clock }}</div>
</template>

<template name="date">
<div>{{ date }}</div> 
</template>

js：

if (Meteor.isClient) {

    
    Template.time.helpers({
        clock: function () {
            var currentTime = new Date();
            var currentHours = currentTime.getHours();
            var currentMinutes = currentTime.getMinutes();
            var currentSeconds = currentTime.getSeconds();
            currentHours = ( currentHours < 10 ? "0" : "" ) + currentHours;
            currentMinutes = ( currentMinutes < 10 ? "0" : "" ) + currentMinutes;
            currentSeconds = ( currentSeconds < 10 ? "0" : "" ) + currentSeconds;
            return currentHours + ":" + currentMinutes + ":" + currentSeconds;
        }
        
    });
    
    Tempate.date.helpers({
        date: function () {
            var month = ["Januar", "Februar", "März", "April", "Mai", "Juni", "July", "August", "September", "October", "November", "Dezember"];
            var d = date.getDate();
            var m = date.getMonth();
            var y = date.getFullYear();
            return d + " " + month[m] + " " + y;
        }
    });

}

Answer 1

重新加載模板的最簡單方法是提供和更改反應式數據源。 在您的情況下，這可能是時鍾值。

var clock = new ReactiveVar(new Date());

Template.time.onCreated(function() {
  Meteor.setInterval(function() {
    clock.set(new Date());
  }, 1000);
});

Template.time.helpers({
  clock: function() {
    var currentTime = clock.get();
    ... 
  },
});

Meteor.js 中的簡單時鍾或如何重新加載模板？

問題描述

1 個解決方案

解決方案1
4 已采納 2016-04-14 17:20:52

Meteor.js 中的簡單時鍾或如何重新加載模板？

問題描述

1 個解決方案

解決方案1 4 已采納 2016-04-14 17:20:52

解決方案1
4 已采納 2016-04-14 17:20:52