按时显示无

时间:2017-03-27 13:33:44

标签: javascript html

我有倒数计时器的Javascript代码。我想在网上商店订购流程中使用此代码。但是,我不想每天手动编辑日期。

现在我的问题是:如何在早上6点到凌晨2点(06.00到14.00)显示div容器。

从14.00到06.00我希望这个容器显示:none



// Set the date we're counting down to
var countDownDate = new Date("Jan 5, 2018 18:00:00").getTime();

// Update the count down every 1 second
var x = setInterval(function() {

  // Get todays date and time
  var now = new Date().getTime();

  // Find the distance between now an the count down date
  var distance = countDownDate - now;

  // Time calculations for days, hours, minutes and seconds
  var days = Math.floor(distance / (1000 * 60 * 60 * 24));
  var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
  var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
  var seconds = Math.floor((distance % (1000 * 60)) / 1000);

  // Display the result in the element with id="demo"
  document.getElementById("timer").innerHTML = "Bestellen Sie innerhalb der nächsten  <span style='font-size:18px;color: #008a00!important;'>" + hours + "&nbsp; Stunden und "
  + minutes + "&nbsp;Minuten " + "</span>und wir versenden noch am gleichen Tag!";

  // If the count down is finished, write some text 
  if (distance < 0) {
    clearInterval(x);
    document.getElementById("timer").innerHTML = "EXPIRED";
  }
}, 1000);


var d = new Date();
if(d.getHours() >= 7 && d.getHours() <= 18 ){
  $("#timer").show();
  $(".closed").hide();
} else {  
  $(".closed").show();
  $("#timer").hide();
}
&#13;
<!-- Display the countdown timer in an element -->
<p id="timer"></p>
<p class="closed"></p>
&#13;
&#13;
&#13;

有人有解决方案吗?

//使用新的HTML / JS数据编辑帖子

0 个答案:

没有答案