jCountdown

Multiple Instances Demo

Setup

Simply add a date to each element using the HTML5 data-* attribute:


<div data-cdate="december 28, 2016 00:00" class="timers"></div>

<div data-cdate="january 6, 2017 08:00" class="timers"></div>

<div data-cdate="february 30, 2018 16:00" class="timers"></div>

<div data-cdate="december 28, 2019 00:00" class="timers"></div>

Then pass the data name to the plugin:

$(".timers").countdown({
	dataAttr: "cdate"
});