javascript具有刷新功能的简单倒计时

javascript simple countdown with refresh function

本文关键字:简单 倒计时 新功能 刷新 javascript      更新时间:2023-09-26

我得到了00分钟NaN秒的输出。有人知道我的代码可能出了什么问题吗?

所需结果,从5分钟开始倒计时,然后添加类"结束"

using jquery.countdown.js

谢谢。

$(function() {
        var endDate = "05:00";
        $('.countdown.callback').countdown({
          date: endDate,
          render: function(data) {
            $(this.el).html("<div>" + this.leadingZeros(data.min, 2) + " <span>min</span></div><div>" + this.leadingZeros(data.sec, 2) + " <span>sec</span></div>");
          },
          onEnd: function() {
            $(this.el).addClass('ended');
          }
        }).on("click", function() {
          $(this).removeClass('ended').data('countdown').update(endDate).start();
        });
      });

如果我没有记错,您的endDate变量是无效的。我认为它需要遵循JavaScript方法来获取日期,所以你可能需要做这样的

var endDate = new Date();
endDate.setMinutes(endDate.getMinutes() + 5); // Adding 5 minutes to the current time