更改jQuery倒计时的格式?

时间:2016-01-14 11:06:36

标签: jquery jquery-countdown

我正在尝试让我的倒数计时器说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'
    });
}

我看了看,然后问了其他人,但这不是我的区域,我只是不明白。有人给我一个抬头?非常感谢阅读。杰米。

4 个答案:

答案 0 :(得分:0)

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

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

Y =年

     

O =月份

     

D =天

     

M =分钟

答案 1 :(得分:0)

尝试使用倒数计时器插件Jquery.countdown

通过自定义custom.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>'));
 });

答案 2 :(得分:0)

我喜欢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]是   秒。

答案 3 :(得分:-1)

这个在你的情况下很容易使用。 在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>