流星倒计时

时间:2017-07-16 17:35:59

标签: javascript meteor

我正在开发一个任务应用程序,其中用户输入具有特定持续时间的任务。我想显示一个计数器,显示每个任务用户剩余的时间。我添加了flyandi:来自大气的反应倒计时,如果我按照他们的例子工作,但在我的情况下情况有所不同。我有以下帮助器,每秒返回一次计数器。

Template.tasks.helpers({
    getCountdown: function() {
        return countdown.get();
    }
});

这是 GLOBAL 的计数器变量,否则它不起作用。

var countdown = new ReactiveCountdown(30);
countdown.start(function() {
    // do something when this is completed
});

正如您在本案中所看到的,它使用的是30的预定义值,但我想使用变量。问题是我用来计算用户为该任务剩余多少时间的变量是在另一个函数中定义的,这使得她无法在全局范围内访问。如果我将该变量创建为全局变量,则它在我用于更新其值的帮助程序之前加载时不起作用。

Template.tasks.events({
    'click #startTask':function(event){
        console.log(this.taskName);
        var duration=this.duration;
        var numb = duration.match(/\d/g);
        numb = numb.join("");
        console.log(numb);
    }
});
在这种情况下麻木是用户必须完成任务的时间,但如果我使用新的ReactiveCountdown(麻木)之类的东西,这将显示未定义,因为脚本在帮助程序之前运行。有没有人有任何想法?

0 个答案:

没有答案