Count Down Time 2

Count Down Time for Katty & A

by Good Muyis

HTML

<div class="header-top">
<div class="container">
  
</div>
</div>

CSS

.header-top{
  background: #ccc;
  padding: 5px 9px;
}
body, body*{
  color: green;
  font-size: 12px;
}
.start{
  display: inline-block;
}
.display{
  background: green;
  color: white;
  display:inline-block;
  padding: 5px 9px;

}

JavaScript

jQuery(document).ready(function($) {
  const weekday = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"];

  const d = new Date();
  let day = d.getUTCDay();
  let hour = d.getHours();
  d.toLocaleString('en-US', {
    timeZone: 'Africa/Lagos'
  })

  let weekDay = String(weekday[d.getUTCDay()]);

  if (weekDay !== "Sunday" && weekDay !== "Sunday") {
    if (hour >= 7 && hour <= 16) {
      //**********************************
      // See timer to 16:00hours (04:00pm)
      var start = d.setHours(16, 0, 0);
      //***********************************

      $('.header-top .container').prepend(`<div class="start">Place your order now. Disptach Rider moves in <span id="display" class="display">Countdown</span></div>`);
      startTimer();
    }
  }

  //end of ready();   
});
//################################
var start = new Date();
//**********************************
start.setHours(16, 0, 0); // 11pm
//**********************************
function pad(num) {
  return ("0" + parseInt(num)).substr(-2);
}

function startTimer() {
  var now = new Date();
  if (now > start) { // too late, go to tomorrow
    start.setDate(start.getDate() + 1);
  }
  var remain = ((start - now) / 1000);
  var hh = pad((remain / 60 / 60) % 60);
  var mm = pad((remain / 60) % 60);
  var ss = pad(remain % 60);
  document.getElementById('display').innerHTML =
    hh + ":" + mm + ":" + ss;
  setTimeout(startTimer, 1000);
}