Multiple Instances Demo
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" });