jquerydatetimecountdownjquery-countdown

How to have a countdown timer to a date and time


I have this code:

<script>
    $(function () {
        var march04 = new Date();
        var march07 = new Date();
        var march11 = new Date();
        var march13 = new Date();
        var august09 = new Date();

        // march04 = new Date(march04.getFullYear() + 0, 3 - 1, 10);
        march07 = new Date(march07.getFullYear() + 0, 3 - 1, 8);
        march11 = new Date(march11.getFullYear() + 0, 3 - 1, 12);
        march13 = new Date(march13.getFullYear() + 0, 3 - 1, 14);
        august09 = new Date(august09.getFullYear() + 0, 8 - 1, 10);

        $('#march04').countdown({until: march04});
        $('#march07').countdown({until: march07});
        $('#march11').countdown({until: march11});
        $('#march13').countdown({until: march13});
        $('#august09').countdown({until: august09});

    });
</script>

At the moment what it is doing is counting till the date but I also want it to countdown to a specific time for example august09 19:00pm. Could you please help me out? Thanks.


Solution

  • The way you specify date is just a full number of days (i.e. you don't specify time).

    You can do it directly

    var march07_1900 = "March 7, 2015 19:00:00"; 
    

    Or using your style: If you don't specify anything then Date() will return current date/time.

    Full set of parameters looks like this:

    new Date(year, month, day, hours, minutes, seconds, milliseconds) 
    

    So using your style:

    var march07_1900 = new Date();
    march07_1900 = new Date(march07_1900.getFullYear() + 0, 3 - 1, 7, 19, 0, 0);
    document.write(march07_1900);

    and then you do

    $('#march07').countdown({date: march07_1900});