
Часто, під час створення сайту або його подальшого обслуговування, наші клієнти просять встановити на їх проекти таймер зворотного відліку. Наша команда дуже довго шукала простий і в той же час функціональний jQuery плагін, який би з & nbsp; легкістю вирішував це завдання.
Представляємо Вашій увазі найпростіший і функціональний таймер зворотного відліку - jQuery.countdown . Встановити плагін дуже просто, залишається тільки розробити оформлення використовуючи CSS.
Підключіть бібліотеку плагіна jQuery.countdown після фреймворку jQuery:
<script src="путь_к_файлу/jquery.countdown.js"></script>
Вставте даний HTML код туди, де ви хочете вивести таймер зворотного відліку:
<div id="getting-started"></div>
Ну і найголовніше, ініціалізація плагіна. Додайте цю процедуру JavaScript код перед закриває тегом body, але після підключеної раніше бібліотеки плагіна jquery.countdown.js:
$("#getting-started").countdown("2017/01/01", function(event) { $(this).text( event.strftime('%D days %H:%M:%S') );});
- де 2017/01/01 - дата до якої таймер буде вести відлік
- %D days %H:%M:%S - формат виведення . В даному прикладі таймер буде працювати в вигляді: (кількість днів) days (годин) :( хвилин) :( секунд).
Приклади роботи плагіна доступні по посиланням .