Cut & Paste Annual Occasions Count Down Script

Home / Free JavaScripts / Clocks, Calenders, And Timers / Here

Cut & Paste Annual Occasions Count Down Script

Credit: JavaScript Kit

Description: This script counts the number of days remaining until any annual occasion on the calendar (ie: birthday, Christmas etc). It automatically detects and adjusts to the present year, and if the specified occasion has already passed this year, it displays the days remaining until the next year's. Very cool and useful!

Example:

Directions: Simply paste the below code into the <body> section of your page where you wish the message to appear:

<script type="text/javascript"> /* Annual Occasions Count Down script- By JavaScript Kit For this and over 400+ free scripts, visit http://www.javascriptkit.com This notice must stay intact */ var today=new Date() //Enter the occasion's MONTH (1-12) and DAY (1-31): var theoccasion=new Date(today.getFullYear(), 12, 25) //Customize text to show before and on occasion. Follow grammer below: var beforeOccasionText="left until Christmas" var onOccasiontext="Today is Christmas. Happy Holidays!" var monthtext=new Array("Jan","Feb","Mar","April","May","June","July","Aug","Sep","Oct","Nov","Dec") theoccasion.setMonth(theoccasion.getMonth()-1) //change to 0-11 month format var showdate="("+monthtext[theoccasion.getMonth()]+" "+theoccasion.getDate()+")" //show date of occasion var one_day=1000*60*60*24 var calculatediff="" calculatediff=Math.ceil((theoccasion.getTime()-today.getTime())/(one_day)) if (calculatediff<0){ //if bday already passed var nextyeartoday=new Date() nextyeartoday.setFullYear(today.getFullYear()+1) calculatediff=Math.ceil((nextyeartoday.getTime()-today.getTime())/(one_day)+calculatediff) } //Display message accordingly var pluraldayornot=(calculatediff==1)? "day" : "days" if (calculatediff>0) document.write("<b>"+calculatediff+" "+pluraldayornot+" "+beforeOccasionText+" "+showdate+"!</b>") else if (calculatediff==0) document.write("<b>"+onOccasiontext+" "+showdate+"!</b>") </script> <p align="center">This free script provided by<br /> <a href="http://javascriptkit.com">JavaScript Kit</a></p>

CSS Library | JavaScript & DHTML Menus

JavaScript Tools:

Site Info

CopyRight (c) 2018 JavaScript Kit. NO PART may be reproduced without author's permission. Contact Info