I'm using Multiple instances of jQuery.countdown. How to create countdown circles using jQuery Knob.

http://jsfiddle.net/qt3rteL5/
http://jsfiddle.net/26ppb5yc/1/ (reload preview frame to see error and result)

jQuery.countdown Multiple instances

<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>

jQuery Knob

<input class="knob days"  data-readOnly="true" data-insidelabel="Days" data-width="150" data-angleOffset="180" data-fgColor="#fff" data-skin="tron" data-thickness=".1" value="">
<input class="knob hours" data-max="24" data-readOnly="true" data-insidelabel="Hours"  data-width="150" data-angleOffset="180" data-fgColor="#fff" data-skin="tron" data-thickness=".1" value="">
<input class="knob minutes" data-max="60" data-readOnly="true" data-insidelabel="Minutes" data-width="150" data-angleOffset="180" data-fgColor="#fff" data-skin="tron" data-thickness=".1" value="">
<input class="knob second" data-max="60" data-readOnly="true" data-insidelabel="Seconds" data-width="150" data-angleOffset="180" data-fgColor="#fff" data-skin="tron" data-thickness=".1" value="">

How to change values?

$(".second").val(seconds).trigger("change");
$(".minutes").val(minutes).trigger("change");
$(".hours").val(hours).trigger("change");
$(".days").val(days).trigger("change");

jQuery.countdown
jQuery Knob

I found this tut but it is not working for me.

knob circles appears for few seconds and then disappears.

Please help me

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.