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

Question

[Иван Иванов]

Помогите пожалуйста, как реализоваться данную задачу? Нужно установить таймер, с обратным отсчётом, который будет обновляться в 00.00 часов реального времени, и перезагружать страницу. Какие инструменты для этого потребуются? Нужно ли использовать для реализации cookie?

Comments

[Johny Smith]

В каком часовом поясе?

Answer 1

[Максим Тимофеев]

Если без анимации и других красивостей то пишется такое в 10 строчек кода
https://jsfiddle.net/v2do4e18/
и в обратную сторону
https://jsfiddle.net/v2do4e18/4/

Но таймеров готовых миллион, выбирайте любой (таймер отсчитывающий время до события называется clockdown):
https://codepen.io/search/pens?q=clockdown&page=1&...
или даже тут:
https://yandex.ru/search/?text=jquery%20clockdown&...
Далее или юзаем api выбранного плагина или сами добавляем в код проверку, а не 0:00 ли сейчас. Сама перезагрузка страницы вызывается просто:
document.location.reload();
https://developer.mozilla.org/ru/docs/Web/API/Loca...

Comments

[Иван Иванов]

Спасибо большое!

[Максим Тимофеев]

Иван Иванов, пожалуйста

[Иван Иванов]

Максим Тимофеев, Я прошу прощения, все получилось сделать, так как вы посоветовали. Только не могу понять, как привести таймер к виду, что бы секунды отображались не 9, 8, 7, 6 и тд. а 09, 08, 07, 06 и тд. Ну и часы и минуты так же

[Максим Тимофеев]

Иван Иванов,

if( s <  10 ) {
 var text_s = '0' + s;
} else {
 var text_s = s;
}

[Максим Тимофеев]

Иван Иванов, Вот еще гляньте: https://toster.ru/q/543266?e=6650589#answer_item_1...
там человек к моему ответу толковый комментарий написал

[Иван Иванов]

Максим Тимофеев, ага посмотрел, сделал просто условие что меньше либо равно 0, тогда перегрузка страницы. Только не могу понять, как подтянуть дату с сервера. Если делаю php запрос, то время стоит на месте. А если всё оставить как есть. То у человека с другим часовым поясом будет другое значение времени. Так как оно берётся с пк пользователя. Почему это не очень удобно? Дело в том, что в магазине установлены скидки на товар. Которые действуют только 24 часа. В 00:00 по серверному времени одна скидка перестаёт работать и начинает работать другая. А следовательно человеку, который сидит в Сахалине, окончание таймера и перезагрузка страницы ничего не даёт =/ так как на сервере Москвоское время.

[Максим Тимофеев]

Иван Иванов,

меньше либо равно 0

не уверен, что там будет меньше 0, проверьте

Только не могу понять, как подтянуть дату с сервера

В принципе, можете при генерации страницы вставить его как data атрибут или скрытый инпут, потом вычислить offset и использовать его для корректировки.
А нужно иметь именно серверное время? Ведь акция это мистификация, организатору все равно будет она идти 24 часа или 29. Главное это пыль в глаза, а тут Вы для ряда поясов сделаете конец акции в 7 утра. Это кривовато выглядит. Так что я бы делал все таки конец акции в 24-00 по времени пользователя. А на сервере имел бы проверку, что бы после окончания давало еще 24 часа и далее не принимало.
Кто-то будет переводить время и думать, что он обманул систему. Это супер, это доп медиа повод, пусть пишет в соц сетях и приводит еще обманщиков. Это же бесплатный генератор продаж.

[Иван Иванов]

Максим Тимофеев, Хм интересные предложения, я обсужу это с руководством ) Посмотрим как лучше. Спасибо вам за объяснения ) Всё стало намного понятней )

Answer 2

[Johny Smith]

<meta http-equiv="refresh" content="86400">

Comments

[Иван Иванов]

Я так понимаю, это будет перегружать страницу через 24 часа. А как теперь визуализировать сам таймер? Что бы были циферки с отсчётом?

[Johny Smith]

Иван Иванов, jsfiddle.net/rfo6m10v

[Иван Иванов]

Olek1, Остался только один вопрос. будет обновлять в 12 ночи? Или с того момента как я залил скрипт? И как пройдет 24 часа?

[Johny Smith]

Иван Иванов,

Остался только один вопрос. будет обновлять в 12 ночи? Или с того момента как я залил скрипт? И как пройдет 24 часа?

Нет. Для обновления в полночь нужно брать время с сервера.

[Johny Smith]

Иван Иванов,

обновлять в 12 ночи

Почитайте этот код, мне кажется тут есть урывок который вам нужен: https://jsfiddle.net/zd82dav7/2/

[Johny Smith]

Иван Иванов, Вам также останется в meta content="86400" покласть оставшееся время до полночи вместо 86400 с.

[Максим Тимофеев]

Olek1, А чем document.location.reload(); не угодил?

[Johny Smith]

Иван Иванов, Перезагрузка страницы в 00:00?