countdown - Polymer:创建倒计时时钟

Question

我正在尝试构建一个 polymer 倒计时小部件。

在 Javascript 中，我会为此编写一个类似的函数，并不断将更新的倒计时时间插入到所需的 ID 元素中。

 setInterval(function () {
   //Work out time till event horizon
   //Shove the new time into the associated element
   countdown.innerHTML = days + "d, " + hours + "h, "+ minutes + "m, " + seconds + "s";
 }, 1000); 

在 Polymer 中，我不确定如何去做，因为我不确定如何在 Polymer 中使用 setInterval...这是一些 sudo 代码:

                <polymer-element name="countdown-element">
                <template>
                      <div id="countDown">{{counter}}</div> 
                </template>
                <script>
                    Polymer('countdown-element', {
                        counter: function() {
                              //Do stuff
                        }
                    });

                </script>
            </polymer-element>

如何将倒计时时间重复发送到计数器 ID 位置？

Answer 1

我认为您想要的是 Polymer 附带的双向数据绑定(bind)和“高级主题”中描述的 async 方法的组合:http://www.polymer-project.org/docs/polymer/polymer.html#additional-utilities

Here is a JSBin有一个简单的倒计时。