1 回答

TA贡献1860条经验 获得超9个赞
问题是您将两个参数传递给initClock,但方法签名只接受一个 ( endTime)。通过删除似乎是未使用的 CSS 选择器字符串的第一个参数,问题得到解决:
(function($) {
$(document).ready(function() {
var date = '2030-01-01';
console.log(date);
function remainingTime(date) {
var countdown = Date.parse(date) - Date.parse(new Date());
var seconds = Math.floor((countdown / 1000) % 60);
var minutes = Math.floor((countdown / 1000 / 60) % 60);
var hours = Math.floor((countdown / (1000 * 60 * 60)) % 24);
var days = Math.floor(countdown / (1000 * 60 * 60 * 24));
return {
'total': countdown,
'd': days,
'h': hours,
'm': minutes,
's': seconds
};
}
console.log(remainingTime(date));
function initClock(endtime) {
var timeinterval = setInterval(function() {
var t = remainingTime(endtime);
$('.days').html(t.d);
$('.hours').html(t.h);
$('.minutes').html(t.m);
$('.seconds').html(t.s);
}, 1000);
}
initClock(date);
});
}(jQuery));
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="countdown">
<h1 class="days d-inline"></h1>
<h1 class="hours d-inline"></h1>
<h1 class="minutes d-inline"></h1>
<h1 class="seconds d-inline"></h1>
</div>
注意:因为这主要是关于 JavaScript,所以我删除了 PHP 条件并硬编码了一个日期值来代替get_option调用。
- 1 回答
- 0 关注
- 76 浏览
添加回答
举报