简单 jQuery 倒计时
Simple jQuery countdown
我有一个非常简单的问题,但官方文档和在线帮助不足以帮助我解决这个问题。
我有这个模板倒计时,可以计算到新的一年的剩余天数。
我只是想将其更改为 2016 年 10 月 1 日。
var PageComingSoon = function () {
return {
//Coming Soon
initPageComingSoon: function () {
var newYear = new Date();
newYear = new Date(newYear.getFullYear() + 1, 1 - 1, 1);
$('#defaultCountdown').countdown({until: newYear})
}
};
}();
前三个参数为Date(year, month, day, ...)
。给定的代码 newYear = new Date(newYear.getFullYear() + 1, 1 - 1, 1)
明确指出年份是下一年,然后是第一个月和第一天(注意月份从 0
开始。您可能可以简单地更改这些值以表示 2016 年 10 月 1 日。
var myDate = new Date(2016, 9, 1);
您可以简单地将日期传递给倒计时
var date = '2016/10/01';
$("#defaultCountdown")
.countdown(date, function(event) {
$(this).text(
event.strftime('%D days %H:%M:%S')
);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.countdown/2.1.0/jquery.countdown.min.js"></script>
<div id="defaultCountdown"></div>
strftime()
为您提供了一种格式化输出的方法
我有一个非常简单的问题,但官方文档和在线帮助不足以帮助我解决这个问题。
我有这个模板倒计时,可以计算到新的一年的剩余天数。
我只是想将其更改为 2016 年 10 月 1 日。
var PageComingSoon = function () {
return {
//Coming Soon
initPageComingSoon: function () {
var newYear = new Date();
newYear = new Date(newYear.getFullYear() + 1, 1 - 1, 1);
$('#defaultCountdown').countdown({until: newYear})
}
};
}();
前三个参数为Date(year, month, day, ...)
。给定的代码 newYear = new Date(newYear.getFullYear() + 1, 1 - 1, 1)
明确指出年份是下一年,然后是第一个月和第一天(注意月份从 0
开始。您可能可以简单地更改这些值以表示 2016 年 10 月 1 日。
var myDate = new Date(2016, 9, 1);
您可以简单地将日期传递给倒计时
var date = '2016/10/01';
$("#defaultCountdown")
.countdown(date, function(event) {
$(this).text(
event.strftime('%D days %H:%M:%S')
);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.countdown/2.1.0/jquery.countdown.min.js"></script>
<div id="defaultCountdown"></div>
strftime()
为您提供了一种格式化输出的方法