我使用 JavaScript 計數器為 Wordpress 創建了一個簡碼。后端- 計數器工作正常：前端- 計數器不起作用（沒有控制臺錯誤...）：我的簡碼代碼：// Delivery Counter Time function bb__delivery_counter_function() { ?> <script type='text/javascript'> if (document.getElementById('countdownTimer')) { pad = function(n, len) { // leading 0's var s = n.toString(); return (new Array( (len - s.length + 1) ).join('0')) + s; }; var timerRunning = setInterval( function countDown() { var target = 12; // 12:00hrs is the cut-off point var now = new Date(); //Put this in a variable for convenience var weekday = now.getDay(); if(weekday == 0){//Sunday? Add 24hrs target += 24; }//keep this before the sunday if(weekday == 6){//It's Saturday? Add 48hrs target += 48; } //If between Monday and Friday, //check if we're past the target hours, //and if we are, abort. if((weekday>=1) && (weekday<=5)){ if (now.getHours() > target) { //stop the clock target += 24; } }當我在 Elementor 主題中添加短代碼時，“后端”中的一切都工作正常，因此計數器在 Elementor 管理視圖中計數。但如果我嘗試通過前端訪問該頁面，Javascript 將無法工作。有什么想法為什么會發生這種情況嗎？
1 回答
桃花長相依
TA貢獻1860條經驗 獲得超8個贊
您的代碼中有一些錯誤。您需要緩沖 Javascript 才能返回它，因為它應該是短代碼，現在 JS 等待使用 jQuery 加載 DOM（因為 jQuery 庫已加載到 WordPress/WooCommerce 中）。我還簡化了你的代碼：
// Delivery Counter Time
add_shortcode('bb__delivery_counter', 'shortcode_delivery_counter_func');
function shortcode_delivery_counter_func() {
ob_start(); // Start buffering
?>
<script type='text/javascript'>
jQuery(function($) {
function pad(n, len) { // leading 0's
var s = n.toString();
return (new Array( (len - s.length + 1) ).join('0')) + s;
};
setInterval( function() {
var target = 12, // 12:00hrs is the cut-off point
now = new Date(),
weekday = now.getDay();
if (weekday == 6) { // On Saturday: Adds 48hrs
target += 48;
}
// On sundays | And from monday to Friday after the cut-off : Adds 24hrs
else if ( weekday == 0 || now.getHours() > target ) {
target += 24;
}
var hrs = (target - 1) - now.getHours(),
mins = 59 - now.getMinutes(),
secs = 59 - now.getSeconds();
if (hrs < 0) hrs = 0;
if (mins < 0) mins = 0;
if (secs < 0) secs = 0;
$('#countdownTimer').html( pad(hrs, 2) + ':' + pad(mins, 2) + '.<small>' + pad(secs, 2) + '</small>' );
}, 1000 );
});
</script>
<?php
return '<div id="countdownTimer"></div>' . ob_get_clean(); // return buffered JS with html
}
代碼位于活動子主題（或活動主題）的functions.php 文件中。經過測試并有效。
- 1 回答
- 0 關注
- 134 瀏覽
添加回答
舉報
0/150
提交
取消