jQuery Countdown Script

Friday, February 12th, 2010 at 8:29 pm | Projects

Update (5/2/2010): This plugin has been updated. Please refer to the plugin’s page for up to date information.

This is an Easy to use animated countdown javascript.

Full example features a complete “under construction” page with 2 skins.

jQuery Countdown

Features

  • Extremely easy to integrate
  • jQuery compatible
  • Unobtrusive javascript
  • Easily skinable

Demo

Go to the project’s page for more details and download.

    The example includes a very basic “under construction” page. If you are looking for a full featured under construction page Themeforest has some great ones.

    I’d love to hear back from you. Leave your comments.

    Share this post:
    • email
    • Add to favorites
    • Digg
    • del.icio.us
    • Facebook
    • Twitter
    • Google Bookmarks
    • StumbleUpon
    • Technorati
    • Yahoo! Buzz
    • RSS

    Tags:

    66 Responses to “jQuery Countdown Script”

    1. George says:

      Hello again..
      Bill i want to ask you something.
      As we can see in other web pages that uses this or similar scripts for count down, when a countdown timer is in 10 minutes for eg when you refresh the web page the time remains and continues to count down.
      Is it possible with your script?
      When i am refreshing the web page the countdown starts from the beggining.

      Regards m8

    2. Vassilis says:

      @Sulaiman

      As in beer… :)

    3. Vassilis says:

      @Olga

      Use the onComplete event:

      onComplete: function() { window.location.href='' }

    4. Vassilis says:

      @CO

      Thank you for your kind words.

      I haven’t developed the joomla port myself, OfertaWeb did.
      So I may be unfamiliar with some of the things that might cause this.

      Anyway, if you have have a link of the problem please send it over and I’ll try to help.

    5. Vassilis says:

      @PADAMAN420

      Sure, just delete the HTML code for weeks and days and you are set.

    6. Vassilis says:

      @George

      PHP code will always be executed before Javascript as the first on is server side and the latter is client side.
      You can use AJAX to achieve what you want.

    7. Vassilis says:

      @George

      Use a set date if you want to do that.
      Alternatively, use the server session store to save the target time and set the setup variables accordingly.

    8. George says:

      for eg vassilis?

    9. Gary says:

      Hi,
      When using a date that require more than 99 weeks off it squishes the weeks digits together too much.

      Would it be possible to add another column of months to script?

      Gary

    10. Gary says:

      Would someone be so kind as to show the complete script with weeks omitted and 3 digit days added?

    11. William Worley says:

      Great plugin!

      But I’m wanting to know how this could be modified to include capability for timezones, I have a specific case where I need to only show the countdown if before 4:00PM/16:00 EDT(eastern daylight time) but the countdown will still be showing for everyone west of the EDT timezone at 4:00PM/16:00 which is not desired.

    12. Alex says:

      Can this be used on wordpress blog?

    13. Boone says:

      Love the script, however I’m having some issues with IE where the Days/Hours/Mins don’t always load, load halfway, or only one number loads. Is there some trick to force IE to behave correctly?

      Thanks

    14. Vassilis says:

      Hi Boone,

      Thanks for your interest in the script.

      I’ve posted a quick answer in your jquery forum post

      Let me know if I can help any further.

    15. Vassilis says:

      @Alex

      Of course it can.
      I’m guessing you could use this with the maintenance mode wp plugin

    16. Vassilis says:

      Update to version 1.0.

      Grab it while it’s hot!

    Leave a Reply