我正在尝试构建一个 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 位置?

最佳答案

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

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

关于countdown - polymer :创建倒计时时钟,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/22937528/

10-13 07:36