我正在尝试让我的倒数计时器说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'
});
}
我看了看,然后问了其他人,但这不是我的区域,我只是不明白。有人给我一个抬头?非常感谢阅读。杰米。
答案 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>