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 關注
- 91 瀏覽
添加回答
舉報