jQuery.countdown - відлік часу до події

• 4743 переглядів

jQuery.countdown - відлік часу до події

Часто, під час створення сайту або його подальшого обслуговування, наші клієнти просять встановити на їх проекти таймер зворотного відліку. Наша команда дуже довго шукала простий і в той же час функціональний 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 (годин) :( хвилин) :( секунд).

Приклади роботи плагіна доступні по посиланням .

<strong>Отримати консультацію</strong> прямо зараз, в Telegram