Question

我试图将我在计时器中使用的时间转换为hh：mm：ss格式使用时刻js但卡住了。以下是我的代码。

<iron-timer id="timer" start-time="150" end-time="0" current-time="[[currentTime]]">
<moment-js date="[[_calculatedTime(currentTime)]]"></moment-js>
</iron-timer>

因此，当时间开始时，在格式化日期的情况下，时间不会更新。我怎样才能让它发挥作用

Answer 1

这是我提出的问题，但你的问题有点不完整，所以如果我走错路，请纠正我。

组分依赖性：聚合物2.5，铁定时器2.1.2，瞬间-js 0.7.2

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Timer</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="import" href="../bower_components/polymer/polymer.html">
  <link rel="import" href="../bower_components/iron-timer/iron-timer.html">
  <link rel="import" href="../bower_components/moment-js/moment-js.html">
</head>
<body>
<dom-module id="moment-timer">
  <template>
    <iron-timer id="timer" start-time="150" end-time="0" current-time="{{currentTime}}"></iron-timer>
    <moment-js date="[[_toMilliSecs(currentTime)]]" format="HH:mm:ss" utc></moment-js>
  </template>
  <script>
    class MomentTimer extends Polymer.Element{
      static get is(){
        return 'moment-timer';
      }
      static get properties(){
        return {
          currentTime: Number
        }
      }
      _toMilliSecs(currentTime){
        return currentTime * 1000;
      }
      ready(){
        super.ready();
        this.$.timer.start();
      }
    }
    window.customElements.define(MomentTimer.is,MomentTimer);
  </script>
</dom-module>
<moment-timer></moment-timer>
</body>
</html>

有几点需要注意：

您必须在脚本中的某个位置启动计时器。我在ready（）回调中做了这个。请务必先致电super.ready()。
您需要将currentTime属性作为毫秒传递给moment-js元素 - 我使用方法_toMilliSecs来做到这一点。
如moment-js中的一个演示示例所示，您需要在utc元素上设置moment-js属性。这是为倒计时提供起始参考所必需的。基本上，我们计算从1970-01-01 00:00:00开始的时间并设置相对于该时间的计时器。效果是一样的。

希望有所帮助！

如何结合铁定时器和moment-js来显示聚合物中的hh：mm：ss格式

1 个答案: