@proclub

Таймер на шаблонах bootstrap?

Привет , такой вопрос, как запустить таймер на одном из стандартных бутстрап шаблонов заглушек?
bootstraptema.ru/_sf/6/671.html
  • Вопрос задан
  • 1590 просмотров
Пригласить эксперта
Ответы на вопрос 1
wagoodoogoo
@wagoodoogoo
prestashop, webix, phalcon, vue, slim, craft cms
Работающий пример с использованием jquery downCount https://github.com/sonnyt/downCount

<div class="countdown space-top-half padding-top" data-date-time="02/20/2019 10:10:10">
            <div class="item">
                <div class="days">00</div>
                <span class="days_ref">Days</span> </div>
            <div class="item">
                <div class="hours">00</div>
                <span class="hours_ref">Hours</span> </div>
            <div class="item">
                <div class="minutes">00</div>
                <span class="minutes_ref">Mins</span> </div>
            <div class="item">
                <div class="seconds">00</div>
                <span class="seconds_ref">Secs</span> </div>
        </div>
</div>


function countDownFunc( items, trigger ) {
		items.each( function() {
			var countDown = $(this),
					dateTime = $(this).data('date-time');

			var countDownTrigger = ( trigger ) ? trigger : countDown;
			countDownTrigger.downCount({
		      date: dateTime,
		      offset: +3
		  });
		});
	}
	countDownFunc( $('.countdown') );
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы