In this post, I am going to share the “Countdown Timer” using jQuery online live demo and code sample as well.
Please see the detail & live demo as following,
script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js">/script>
div id="countdown">/div>
input type="button" class="button" value="Start" id="btnCountdownStart" />
input type="button" class="button1" value="Stop" id="btnCountdownStop" />
script type="text/javascript">
var countdown = $("#countdown").countdown360({
radius: 60,
seconds: 100,
label: ["Sec", "Seconds"],
fontColor: "#FFFFFF",
autostart: !1,
onComplete: function () {
alert('Done!!')
}
});
countdown.start();
$("#btnCountdownStart").click(function () { countdown.start(2) });
$("#btnCountdownStop").click(function () { countdown.stop(0) });
/script>
Stayed Informed - 21 Best Web Programming Tutorials & Examples
I hope you are enjoying with this post! Please share with you friends. Thank you!!
