Question

我正在尝试获取TimeCircles的当前时间，当我使用document.write($('#CountDownTimer').TimeCircles().getTime());时它将打印实例化时设置的时间。

如何获取当前时间而不是实例化时设置的时间？

Answer 1

来自docs：

要添加侦听器，请使用addEventListener(callback, type)功能。回调是您传递给事件侦听器的函数。然后将为每个事件触发回调。三个参数传递给您的回调函数，即：

unit：字符串格式的时间单位。所以，“天”/“小时”/“分钟”/“秒”。
value：更改的时间单位的新值。即：15。
总计：这是自零点以来剩余（或经过）的总时间。

所以只需使用：

$('#CountDownTimer').TimeCircles().addEventListener(function(unit, value, total) {
    console.log(unit, value, total);
});

Answer 2

为了解决您的问题，您需要在Damien所指的getTime函数中调用addListener。

您的HTML：

<div id='CountDownTimer' data-timer='120' style='width: 400px; height: 250px;'></div>

<div id='time'></div>

您的Javascript：

$('#CountDownTimer').TimeCircles({ time: { Days: { show: false }, Hours: { show: false } }});

$('#CountDownTimer').TimeCircles().addListener(function() {
  var time = $('#CountDownTimer').TimeCircles().getTime()
  $('#time').text(time)
});

在这里，我使用getTime来获取当前时间并将其显示在屏幕上的新div中。我会远离document.write，因为它会尝试写入整个文档。

查看一个工作示例：http://codepen.io/bomatson/pen/WrqOXg

我希望这有帮助！

如何在Jquery中获取TimeCircles插件的当前时间

2 个答案: