Обратный отсчет с помощью JavaScript

{title}

Когда вы хотите запустить веб-страницу или конкретный продукт, бывают моменты, когда вы хотите создать какое-то ожидание, и в этом нет ничего лучше, чем осуществление обратного отсчета, показывающего, сколько не хватает в неделях, днях, часах, минутах и ​​т. Д.

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

Наш код
Для выполнения нашей функции обратного отсчета нам потребуются специализированные библиотеки, которые мы включим в конце учебника, среди которых у нас есть jQuery и jquery lwtCountdown, в дополнение к специализированному CSS. Сначала мы включим их следующим образом:

 Как только это будет включено, у нас будет наш div или контейнеры с информацией счетчиков за неделю, дни, часы, среди прочего, которые мы можем изменить по своему вкусу: 

Грядет что-то великое

Следите за прогрессом

недель

0

0

Dias

0

0

часов

0

0

минут

0

0

секунд

0

0

Теперь часть, где мы должны измениться, чтобы приспособиться к нашим потребностям и конкретному времени, когда наша страница или продукт появятся, - это следующий скрипт JavaScript, в котором мы проводим день, месяц, год и, если мы хотим, часы. Библиотека возьмет эти данные и преобразует их в обратный отсчет, посмотрим:
 jQuery (document) .ready (function () {$ ('# countdown_dashboard'). countDown ({targetDate: {'day': 12, 'month': 9, 'year': 2015, 'hour': 11, ' min ': 0, ' sec ': 0}});}); 
Самое любопытное в этом то, что мы ничего не должны делать, поскольку библиотека делает все за нас. Посмотрим, как выглядит наш отсчет.

Как мы видим, мы осуществили обратный отсчет за считанные минуты, и все благодаря средствам специализированных библиотек, созданных на JavaScript, библиотекам, которые предоставляют нам качественные функции, которые придадут нам дополнительную ценность для нашего веб-сайта или продукта с наименьшими усилиями.

account-regressive-JavaScript.zip 79, 93K 820 скачиваний