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

How to get the current time of TimeCircles Plugin in Jquery

本文关键字：插件 时间 TimeCircles 获取 Jquery      更新时间：2023-09-26

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

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

在此处输入图像描述

从文档中：

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

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

所以只需使用：

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

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

您的网页：

<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

我希望这有帮助！

相关文章：