Back to the
Component Shop
Read this first! Accordion Auto Sidebar Backbutton Before/After Comparison Collapsible Alert Count-down Script CSS Parallax Cut-out Text Drop-down Equal Height Columns Filtered Portfolio Flip-cards Hamburger Menu Horizontal Tabs Image Gallery Image Modal Image Shapes Image Slider with Fade Jquery Parallax Lazy Loading Lightbox Gallery Masonry Grid Gallery Oval Image Range Slider Read More Button Responsive Navbar Responsive Shrinknav Responsive Sidebar Responsive Table Round Image Scroll to Top Simple Shapes Simple Cards Simple Slider Skill Bars Slide-in Nav Sticky Navbar Tabbed Gallery Text on Image Translucent Image Translucent Text Layer Vertical Tabs Video Wrapping Text

Count-down Script

When does the new year start?

The most important thing here, is creating an empty paragraph on the page with the ID of 'demo'. Put it where you want the date to appear. The script will populate that paragraph. In the script you find commented how to set the time and date you want to count down to. It has to be entered in the same format as the one currently shown in the script. Towards the end is a place where you can write some text for when the specified date has arrived.
Use this script for something you want to keep track of, like the wedding date, when a new baby is due, retirement, as a few examples.

Download the component.