Countdown Timer jQuery Free Online [How To]

In this post, I am going to share the “Countdown Timer” using jQuery online live demo and code sample as well.

Stayed Informed - jQuery OOPs Concepts

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