更改 jQuery 倒计时的格式

Question

我试图让我的倒数计时器说0 Yrs, 0 Months, 7 days 0 Mins等，但无论我尝试输入什么数字，尽管我试图计算它，我得到的答案是 7，349 天等。这是代码：

// jQuery Countdown styles 1.6.1. - plugin by Keith Wood
function counter_start() {
    var austDay = new Date();
    austDay = new Date(austDay.getFullYear() - 2016, 0 - 7, 0); // Examples: (austDay.getFullYear() + 1, 3 - 1, 6) or (2013, 3 - 1, 6)
    $("#defaultCountdown").countdown({
        until: austDay, 
        format: 'DHMS'
    });
}

我看过，读过，

问过其他人，但这不是我的领域，我只是不明白。有人给我一个提示吗？非常感谢您的阅读。杰米。

Answer 1

您的格式不准确。请尝试：

$('#defaultCountdown').countdown({
    until: austDay, 
    format: 'YODM'
});

Y = 年

O = 月

D = 天

M = 分钟

Answer 2

试试你的倒数计时器插件Jquery.countdown

通过自定义自定义来尝试此操作.js

 $('#clock').countdown('2016/10/31').on('update.countdown',   
     function(event) {
   var $this = $(this).html(event.strftime(''
     + '<div><span>%-d</span>day%!d</div>'
     + '<div><span>%H</span>hr</div>'
     + '<div><span>%M</span>min</div>'
     + '<div><span>%S</span>sec</div>'));
 });

Answer 3

我喜欢 http://keith-wood.name/countdownRef.html 官方文档中的这种方法，可以应用您想要的任何格式，由您自己自定义：

$(selector).countdown({ 
    until: liftoffTime, onTick: watchCountdown}); 
function watchCountdown(periods) { 
    $('#monitor').text('Just ' + periods[5] + 
        ' minutes and ' + periods[6] + ' seconds to go'); 
}

在该官方文档中，他们准确地解释了onTick的作用以及如何使用它：

每次倒计时更新时调用的回调函数 本身。在函数中，这是指保存 控件。当前倒计时周期数组 （int[7] - 基于 格式设置）作为参数传递：[0] 是年，1 是月， [2] 是周，[3] 是天，[4] 是小时，[5] 是分钟，[6] 是 秒。

Answer 4

这在您

的情况下很容易使用。在 var target_date中指定要倒计时的日期。您可以在 countdown.innerhtml 上更改脚本末尾的输出格式。（已经是 Y：M：D：S 格式）

ar target_date = new Date("Aug 15, 2018").getTime();
var days, hours, minutes, seconds;
setInterval(function () {
var countdown = document.getElementById("countdown");
var current_date = new Date().getTime();
var seconds_left = (target_date - current_date) / 1000;

days = parseInt(seconds_left / 86400);
seconds_left = seconds_left % 86400;
hours = parseInt(seconds_left / 3600);
seconds_left = seconds_left % 3600;
minutes = parseInt(seconds_left / 60);
seconds = parseInt(seconds_left % 60);
countdown.innerHTML = days + "d, " + hours + "h, "+ minutes + "m, " + seconds + "s";  }, 1000);

并将 html 放在正文中：

<span id="countdown"></span>