ajax jquery example post

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

Hey! I am Anil Singh. I am Active Blogger, Writer and Programmer. I love learning new technologies, programming, blogging and participating the forum discussions more...
http://www.code-sample.com
http://www.code-sample.xyz

You Might Also Like
Post a Comment
www.code-sample.com/. Powered by Blogger.