Question

在我们的网站上，我们试图执行一个脚本，该脚本每天倒计时至午夜，显示一条消息，然后在午夜“重置”。

消息基本上是“ X1内的订单，X2内获取”

脚本计算X1为XX小时XX分钟，直到午夜。 X2是今天之后的5天（如果今天是第一天，那将是第二天+ 5，给您第七天，星期天除外，那么它将自动跳到紧随其后的星期一）。

问题是，由于某种原因，该脚本拒绝为前端用户加载，但是作为登录管理员，我可以看到代码。

<!-- Allows to add estimated delivery time to the product and/or cart page -->
<div class="dailytimer"><strong>Order within <span id='mycountdown' style="color: #FF0000;"></span>, Get it by <span id="delDate" style="color: #FF0000;"></span></strong></div>

<script>
// First part of output
var myreset = [00,00,00]; // at what time to reset - 19:40:00

// Added myCountDownDiv variable to prevent jquery from walking the DOM o every update
var myCountDownDiv = document.getElementById('mycountdown');

var mycountdown = startCountdown();

function startCountdown(){
  var enddate = calculateEndDate();
  return setInterval(function(){tickTock(calculateStartDate(),enddate)}, 1000);
}
function calculateStartDate(){ //this needs to be edited if using the server time
  return new Date();
}
function calculateEndDate(){
    var enddate = new Date();
    enddate.setHours(myreset[0]);
    enddate.setMinutes(myreset[1]);
    enddate.setSeconds(myreset[2]);
    return enddate;
}
function tickTock(startdate, enddate){
  var diff = enddate.getTime() - startdate.getTime(); 
  d = diff >= 0 ? diff : diff + 24*3600*1000;
  var h = Math.floor(d / 3600 / 1000);
  var m = Math.floor(d / 60 / 1000) - 60*h; 
  var s = Math.floor(d / 1000) - 3600*h - 60*m; 
  printCountdown(h,m,s);
}
function pluralize(word,count){
    return (count > 1) ? word+'s ' : word+' ';
}
function printCountdown(h,m,s){

  // Updated string concatination.  'and' was deisplayed after the seconds value
  var t = h + pluralize(' hour',h)+ m+pluralize(' minute',m);

  myCountDownDiv.innerText = t;

  // Removed jquery
  //$('#mycountdown').html(t); 
}

var fromDate = new Date();
fromDate.setDate(fromDate.getDate() + 6);

if (fromDate.is().saturday() || fromDate.is().sunday()) { 
  fromDate = fromDate.next().monday();
}
document.getElementById('delDate').innerHTML = fromDate.toString('ddd MMMM dS');

</script>

它使用我在网上找到的日期JS文件来计算日期。我也很确定，有一种更好的方法可以让我们将代码“插入”到页面中，而无需将其真正地复制到elementor内部的html小部件中（我们将其用作页面构建器），但我只是没有真正想到一只手。

任何帮助都将不胜感激，因为我要删除全部内容大约要走5步哈哈

Javascript每日倒计时仅针对WordPress管理员显示，而不公开显示？

0 个答案: