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年前就没有更新过。

获取翻转时钟的当前面值

2 个答案: