javascript - 获取翻转时钟的当前面值

Question

  var clock;


       // Instantiate a counter
      clock = new FlipClock($('.clock'), 10, {
        clockFace: 'MinuteCounter',
        autoStart: false,
        countdown: true
      });
      var time = clock.getFaceValue();

您如何获得翻转时钟的当前面值，因为它不断倒计时。我尝试过使用 getTime() 和在他们的 java 脚本文件中定义的许多不同的函数。我不明白如何实现这一目标。

Answer 1

var clock;

$(document).ready(function() {

  clock = new FlipClock($('.clock'), 10, {
    clockFace: 'Counter',
    autoStart: true,
    countdown: true,
    callbacks: {
      interval: function() {
        var time = this.factory.getTime().time;

        if (time) {
          console.log(time);
        }
      }
    }
  });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/flipclock/0.7.8/flipclock.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/flipclock/0.7.8/flipclock.min.css" rel="stylesheet" />

<div class="clock"></div>

Answer 2

您应该能够获得时间/计数器值。如果您在回调之外进行查询，那么只需：

clock.getTime().time

首先在浏览器控制台中尝试一下。这部分的文档真的很混乱。我猜这个插件自 5 年前就没有更新过了。