0

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

1
Contributor
1
Reply
8
Views
2 Years
Discussion Span
Last Post by vizz
0

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

knob circles appears for few seconds and then disappears.

Please help me

This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.