Monday 16 December 2013

JQuery - Tickstart API

In this article we are going to see how to create a count down or tick start for a application to start using jQuery API.Whenever user lauch the application it will shows how many days , hours, minutes and seconds is remaining for the Event to launch.

Tickstarts :





Link for Tickstarts.js


How to use the code?



    <script type="text/javascript" src="TickStarts.js">
    </script>


    <script type="text/javascript" src="Highlight.js"></script>

    <script type="text/javascript">
        $(document).ready(function () {

            $('#tick').TickStart(
            {
                date: '17 december 2013 21:53',
                color: 'red',
                border: '5px solid gray',
                background: 'black'
            }, function () {

                $('#feed').html('On Live . . .')

            });
        });
    </script>




HTML
<body>
<br />
<div style="margin:10px 30px 20px 20px" id="tick"></div>


    <div id="feed">
   
    </div>

</body>




In the input to the TickStart Function is date parameter is mandatory, other parameter are non - mandatory

Output :





From this article you can learn how to use the TickStart Countdown API sample.