Need to add 30 minutes timer into if condition using Js-CodePudding

I have ecommerce website. In that for same day delivery need to order before 11. So before 30 minutes of the end time(i.e. 11) i want to show that timer section. Below code I am trying But getting issue how to set timer functionality.

setInterval(function(){
    var secs = 1800;
    var date = new Date;
    // date.setTime(result_from_Date_getTime);

    var seconds = date.getSeconds();
    var minutes = date.getMinutes();
    var hour = date.getHours();

    console.log("Hour" hour "Minutes" minutes "seconds" seconds);
    // console.log(minutes);
    // console.log(seconds);
    if(hour == 10 &&    minutes>=30)
    {
        var mins = secs / 60;
        console.log("Timer" mins);
        $('.top-header-content1').removeClass('hide-ticker1');
        
    }
    
    else if (hour >= 11){
        console.log("hii11");
        $('.top-header-content1').addClass('hide-ticker1'); 
    }
    secs--;
    },1000);

If anyone have a idea , how to add time please let me know

CodePudding user response：

Hi you use this code below:

 /// the counting date
var countDownDate = new Date("Jan 5, 2024 15:37:25").getTime();

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

  // Get today's date and time
  var now = new Date().getTime();

  // Find the distance between now and 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("demo").innerHTML = days   "d "   hours   "h "
    minutes   "m "   seconds   "s ";

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

<p id="demo"></p>

CodePudding user response：

The following code will start a setInterval() in which during a time window between 10:30h and 11:00h a countdown will be shown. Before 10:30h and after 11:00h different messages are shown. And after 11:00h the setInterval is cleared.

// div for output on page:
const demo=document.getElementById("demo"),
// today's date
      today = new Date();
today.setHours(11);today.setMinutes(0);today.setSeconds(0);
today.intv=setInterval(checkTime,1000);

function checkTime(){
  const now=new Date();
  if (now>today) {
    demo.textContent="Order today for tomorrow's delivery.";
    clearInterval(today.intv);
  }
  else if (now>(today-1800000)){
    let tsec=Math.floor((today-now)/1000),
        sec=tsec`,
        min=(tsec-sec)/60;
    
    demo.textContent=`${min} minutes and ${sec} seconds left if you want to order for today's delivery.`;
  } else 
    demo.textContent="Order now for today's delivery!"
}

<p id="demo"></p>