Когда вы хотите запустить веб-страницу или конкретный продукт, бывают моменты, когда вы хотите создать какое-то ожидание, и в этом нет ничего лучше, чем осуществление обратного отсчета, показывающего, сколько не хватает в неделях, днях, часах, минутах и т. Д.
Это очень хорошо и дает нам дополнение к нашей странице, которое заставит пользователей заинтересоваться ожиданием окончания обратного отсчета и посмотреть, что их ждет после его окончания, и хотя это может показаться немного сложным, это довольно простая функциональность включают в себя.
Наш код
Для выполнения нашей функции обратного отсчета нам потребуются специализированные библиотеки, которые мы включим в конце учебника, среди которых у нас есть jQuery и jquery lwtCountdown, в дополнение к специализированному CSS. Сначала мы включим их следующим образом:
Теперь часть, где мы должны измениться, чтобы приспособиться к нашим потребностям и конкретному времени, когда наша страница или продукт появятся, - это следующий скрипт JavaScript, в котором мы проводим день, месяц, год и, если мы хотим, часы. Библиотека возьмет эти данные и преобразует их в обратный отсчет, посмотрим:Грядет что-то великое
Следите за прогрессом
недель
0
0
Dias
0
0
часов
0
0
минут
0
0
секунд
0
0
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 скачиваний
СТАТЬИ