Home
Create calendar
About
About the site
home home home
Options
Pre-defined calendars
Birthday
Christmas
Cinco de Mayo
Columbus Day
Earth Day
Easter
Father's Day
Fourth of July
Labor Day
Mardi Gras
Memorial Day
Mother's Day
New Years
President's Day
St Patrick's Day
Superbowl Sunday
Valentine's Day
Wedding
Title
Image
Countdown Type
Days
Timer
Date
Time
1
2
3
4
5
6
7
8
9
10
11
12
00
05
10
15
20
25
30
35
40
45
50
55
AM
PM
Where
More Information
Link
[none]
Edit
Birthday
Has happened
Where
More Info
Link
[none]
Embed Code
<div style="float:left;width:240px;border:solid 1px #454545;color:#454545;font-family:arial;font-size:10px;"> <div style="float:left;width:238px;border:solid 1px #ffffff;background-color:#ffffff;"> <div style="float:left;width:238px;min-height:48px;"> <div style="float:left;width:32px;min-height:32px;padding:8px;background-color:inherit;"> <img src="https://www.countdowncalendar.net/files/2024/12/cake.png" alt ="Countdown Image" style="padding:0px;border:none;background-color:#ffffff;"/> </div> <div style="float:left;width:174px;padding-top:4px;min-height:44px;background-color:inherit;"> <div style="float:left;width:174px;padding-top:3px;padding-bottom:4px;overflow:hidden;"> <span style="font-size:12px;font-weight:bold;color:#454545;">Birthday</span> </div> <div style="float:left;width:174px;"> <span id="calendar-id-5c759f952ea6401b8c70951eeb0da955" name="calendar-id-5c759f952ea6401b8c70951eeb0da955" style="font-size:12px;color:#454545;"><script type="text/javascript"> var dateText = '12/20/2011 12:00:00 AM'; var selectedDate = new Date(dateText); var currentDate = new Date(); var oneDay = 1000 * 60 * 60 * 24; var oneHour = 1000 * 60 * 60; var difference = selectedDate.getTime() - currentDate.getTime(); var days = Math.floor(difference / oneDay); var hours = Math.floor((difference - (oneDay * days)) / oneHour); if (selectedDate > currentDate) { document.write('is in ' + days + ' days, ' + hours + ' hours'); } else { if(days == -1) { document.write('Is here!'); } else { document.write('Has happened'); } } </script></span> </div> </div> </div> <div style="float:left;height:0px;visibility:hidden;"> <div style="float:left;width:230px;padding-left:4px;"> <div style="float:left; width:228px;height:1px;border-bottom:solid #ffffff 1px; background-color:#454545;"> </div> </div> </div> <div style="float:left;width:238px;padding-top:4px;"> <div style="float:left;width:230px;padding-left:4px;"> <div style="float:left; width:228px;height:1px;border-bottom:solid #ffffff 1px; background-color:#454545;"> </div> </div> <div style="float:left;width:230px;padding-top:2px;padding-bottom:2px;padding-left:8px;font-size:8.5px"> Built by <a href="http://countdowncalendar.net/Home.aspx/Embedded" style="text-decoration:none;color:#454545;">countdowncalendar.net</a> </div> </div> </div> </div>
Colors
Title
Text
Border
Inner Border
Background
Size
Width
Url
Text