10 分鍾倒計時計時器連續運行

Question

我正在嘗試制作一個 10 分鍾的倒數計時器。 該計時器應該為每個人持續運行。 它不應該總是從9.59.59開始。 我嘗試了很多方法，但都沒有成功。 所以我需要幫助。

/* return the text name of the day of the week from the day #
*/

function DayNameFromDOW(dDate) {
  var weekday = new Array(7);
  weekday[0] = "Sunday";
  weekday[1] = "Monday";
  weekday[2] = "Tuesday";
  weekday[3] = "Wednesday";
  weekday[4] = "Thursday";
  weekday[5] = "Friday";
  weekday[6] = "Saturday";
  return weekday[dDate.getDay()];
}

function NextWebinarDateandTime() {
  CurDate = new Date();
}

var twoDaysFromNow = new Date().getTime() / 1000 + 86400 * 2 + 1;    
document.addEventListener("DOMContentLoaded", () => {
  NextWebinarDateandTime();    

  var CurrentDayOfWeek = CurDate.getDay();
  var CurrentHours = CurDate.getHours();
  var CurrentMinutes = CurDate.getMinutes();
  var CurrentSeconds = CurDate.getSeconds();

  // what's the first hour of day we want to run a webinar?
  FirstHour = 9;
  LastHour = 11;    

  FirstDOW = 1;
  LastDOW = 1;

  /* set the next webinar to the top of the next hour */
  NextWebinar =
    CurDate.getTime() / 1000 +
    (600 - CurrentMinutes * 60) +
    (60 - CurrentSeconds);

  var nSecsUntilNextWebinar =
    800 - CurrentMinutes * 60 + (60 - CurrentSeconds);

  var d = new Date();

  //  d.setTime(n);
  // new Date(CurDate.getTime());
  document.getElementById("CurDate").innerHTML = CurDate;
  document.getElementById("CurDategetTime").innerHTML = d.getTime();

  document.getElementById(
    "nSecsUntilNextWebinar"
  ).innerHTML = nSecsUntilNextWebinar;
  document.getElementById("nextwebinardateandtime").innerHTML = Date(twoDaysFromNow);    

  // Set up FlipDown
  var flipdown = new FlipDown(NextWebinar)

    // Start the countdown
    .start()

    // Do something when the countdown ends
    .ifEnded(() => {});
});

這是我在codepen中的代碼： https://codepen.io/themeix/pen/OJjdwJp

Answer 1

您應該倒計時到未來的特定時間，而不是當前時間 + X

看看這個腳本

function getTimeRemaining(endtime){
  const total = Date.parse(endtime) - Date.parse(new Date()); // Convert time variables to miliseconds and substract them.
  const seconds = Math.floor( (total/1000) % 60 );
  const minutes = Math.floor( (total/1000/60) % 60 );
  const hours = Math.floor( (total/(1000*60*60)) % 24 );
  const days = Math.floor( total/(1000*60*60*24) );

  return {
    total,
    days,
    hours,
    minutes,
    seconds
  };
}

const deadline = 'December 31 2021 23:59:59 GMT+0200';
getTimeRemaining(deadline).minutes // You can call your function this way because it return object