JSFiddle - React, Tailwind, and code Playground
HTML
<div data-countdown="2016/01/01"></div>
<div data-countdown="2017/01/01"></div>
<div data-countdown="2018/01/01"></div>
<div data-countdown="2019/01/01"></div>
<script src="http://cdn.rawgit.com/hilios/jQuery.countdown/2.0.4/dist/jquery.countdown.min.js"></script>
<script src="http://anthonyterrien.com/js/jquery.knob.js"></script>
JavaScript
$('[data-countdown]').each(function() {
var $this = $(this), finalDate = $(this).data('countdown');
$this.countdown(finalDate, function(event) {
$this.html(event.strftime('<span class="knob days">%D</span> <span class="knob hours">%H</span> <span class="knob minutes">%M</span> <span class="knob second">%S</span>'));
});
});
$(function() {
$(".knob").knob();
$(".second").val('%S').trigger("change");
$(".minutes").val('%M').trigger("change");
$(".hours").val('%H').trigger("change");
$(".days").val('%D').trigger("change");
});