Как сделать цикличный таймер обратного отсчета на js?

Question

[Lector]

Как сделать цикличный таймер обратного отсчета на js ? Обычный получается но он обнуляется при перезагрузке страницы, а мне нужно чтобы он обнулялся каждое утро в 9 утра,

Comments

[twobomb]

Отсчет откуда куда

[Lector]

twobomb, в 9 утра счетчик запускается, в 9 утра следующего дня запускается заново

[ArtJH]

Lector, я тебе ответил

[v3shin]

А в чем проблема вычислить разницу между текущей датой и 9 утра следующего дня?

Answer 1

[twobomb]

function getTimer() {
		let now = new Date();
     var d = new Date();
     d.setHours(9);
     d.setMinutes(0);
     d.setSeconds(0);
     d.setDate(d.getDate()+1);
     let diff = (d.getTime()-now.getTime())/1000;
     
     let days = Math.floor(diff/(60*60*24));
     diff%=60*60*24;
     let hours = Math.floor(diff/(60*60));
     diff%=60*60;
     let min = Math.floor(diff/60);
     
     diff%=60;
  	diff = Math.floor(diff);
     return `${hours}:${min}:${diff}`;
 }
    
 (function(){
    document.querySelector("#timer").innerHTML = getTimer();
   setTimeout(arguments.callee,1000);
 })();

Answer 2

[ArtJH]

используй localStorage.
То есть каждую секунду он должен загружать новую дату в хранилище и также сравнивать с 9 утра,
если 9 утра, то очищаешь хранилище

Comments

[Alex]

Та не обязательно.
При загрузке страницы

1. смотришь какое сейчас время,
   
2. сколько осталось до ближайших 9-ти утра
   
3. выставляешь таймер на соответственное значение
   

И не нужно ничего хранить в localStorage

[ArtJH]

Alex, ваш ответ лучше

Answer 3

[Alex]

Как сделать цикличный таймер обратного отсчета на js?