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

Question

[proclub]

Привет , такой вопрос, как запустить таймер на одном из стандартных бутстрап шаблонов заглушек?
bootstraptema.ru/_sf/6/671.html

Comments

[Sergei Erm]

Как бы то ни было, советую поковырять moment.js, она отлично работает со временем. На js получится костыльнее :D

Код для примера: https://codepen.io/larvis/pen/QYmVBQ

Answer 1

[wagoodoogoo]

Работающий пример с использованием 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') );