Как сделать отсчет дней в ВК

Содержание

Недавно мы разобрались с тем, как можно показывать новые данные на странице без перезагрузки, а до этого — как использовать PHP-скрипты. Сегодня объединим это в один проект и сделаем таймер обратного отсчёта на PHP.

В чём идея

Допустим, у нас есть какое-то событие, которое заканчивается 16 октября 2022 года в 14:00 — например распродажа. Нам нужно вывести таймер на страницу, который будет отсчитывать время до этого события.

При этом нам важно, чтобы отсчёт не зависел от пользователя: например, если он переставит дату на календаре своего компьютера на 1 сентября, то чтобы у него не появилось 9 дополнительных дней распродажи. Поэтому мы не можем использовать дату и время с компьютера пользователя, нам нужно брать их с сервера.

Получается, что алгоритм будет работать так:

берём дату с сервера;
берём время с сервера;
находим разницу с искомой датой (16 октября 2022) и показываем, сколько времени осталось до наступления события;
если дата уже прошла, сообщаем об этом (отложим на другую итерацию, потому что событие только через год).

Раз у нас дата лежит на сервере, то и отдавать мы будем её при помощи PHP-скрипта. Но раз сервер всё равно нам что-то отдаёт, то пусть это сразу будет готовый таймер с текстом, а мы его встроим на страницу. Это значит, что нам нужен такой скрипт, который просто будет постоянно через PHP получать с сервера данные и отправлять их в нужное место на странице.

Как сделать виджет таблицу в сообществе ВК. Приложение конструктор виджетов для групп ВКонаткте

Еще по теме: Как проверить активность в ВК

Что понадобится

Единственное, что нам нужно от сервера, — чтобы он мог выполнять PHP-скрипты. Это умеет делать практически любой веб-сервер в интернете, поэтому, если у вас есть хостинг и на хостинге можно размещать сайты, — скрипт тоже будет там работать.

Если хостинга с сайтом нет, то можно сделать так: установить MAMP и получить рабочий сервер с PHP у себя на компьютере.

Добавляем на странице место для таймера

Так как всю работу будут делать скрипты, то нам нужно просто указать место на странице, куда отправить результат. Возьмём наш учебный сайт mihailmaximov.ru и перед разделом с контактами добавим блок для таймера:

Этого будет достаточно, чтобы скрипт показал таймер в выбранном месте.

Пишем скрипт на странице

Первым делом подключаем jQuery — это позволит нам работать с AJAX-скриптом и вызывать его самым простым способом.

Теперь в раздел добавляем простой скрипт на JavaScript. Его задача — периодически обращаться к серверу и обновлять данные на странице. Благодаря AJAX он сможет это делать без перезагрузки, работая с отдельным блоком:

// функция, которая запрашивает данные с сервера function timer() < // вызываем встроенную функцию, которая поможет нам получить данные с сервера $.ajax(< // какой скрипт серверу нужно выполнить url: «timer.php», // предыдущие ответы не сохраняем cache: false, // если всё хорошо, отправляем ответ от сервера на страницу в блок content success: function(html)< $(«#content»).html(html); >>); > // как только страница полностью загрузилась $(document).ready(function()< // начинаем каждую секунду запрашивать новые данные для отсчёта timer(); setInterval(‘timer()’,1000); >);

Готовим PHP-скрипт

Отсчет времени(дней на сайте)

Как сделать отсчет времени (дней) на сайте, при этом каждые семь дней автообновление отсчета ? ЕстьКод:

Еще по теме: Как узнать сколько времени провел в ВК

Как Сделать Обратный Отсчет Времени в Adobe Premiere Pro? (ТАЙМЕР)

function downcounter($date) < $check_time = strtotime($date) — time(); if($check_time $days = floor($check_time/86400); $hours = floor(($check_time%86400)/3600); $minutes = floor(($check_time%3600)/60); $seconds = $check_time%60; $str = $days; return $str;
//$nextWeek = date(«Y-m-d»,time()+7*24*60*60); //$timer = downcounter($nextWeek); $timer = downcounter(‘2013-02-19 23:59:59’);

Похоже нужно делать БД и хранить дату там и если текущая системная дата == дате из БД, то выполнить: time() + (7 * 24 * 60 * 60) — и записать новую дату в БД . ВОПРОС: Как сделать без БД, не хочу делать БД ради одной функции. ??

Источник: ru.stackoverflow.com

17 отличных скриптов обратного отсчета, которые вам могут понадобиться в любой момент

Скрипты обратного отсчета очень полезны для владельцев веб-сайтов или блогов, кто хочет о чем-то проинформировать своих читателей и посетителей. Будете ли вы внедрять обновление в блоге или ваш блог находится на реконструкции, у вас будет возможность предупредить пользователей, что скоро все встанет на свои места, и даже указать время, когда это произойдет.

Сегодня мы подготовили для вас подборку скриптов с таймерами обратного отсчета. Это, как нам кажется, лучшие примеры реализации подобной функции.

01. Анимированный счетчик на javascript