»
home
» contact
» terms of use
FREE SCRIPTS
»
new
» text
» image
» utility
» background
» animation
» date/time
FREE ONLINE TOOLS
» code generators
» text animator
» drawing animator
» color animator
» slideshow factory
» javascript speed test
FREE BASIC SNIPLETS
» alert box
» image: multi-rollover
» pop-up: centering
»
more
FREE'N'CRAZY
» realtime death counter
» eyeQ
» fun ticker
RECOMMENDED LINKS
» www.dynamicdrive.com
» www.hotscripts.com
Online Generator to create dynamic countdowns
Use the online countdown generator below to create a dynamic digit or date countdown player that fits anywhere into your webpage. 4 different types to choose from. The generator works fine with Internet Explorer 6x/7x/8x, Firefox 2x/3x, Opera 7x/8x/9x/10x, Google Chrome 3x/4x/5x.
Configuration
Step 1:
- Use the green generator below in order to
create a date-countdown.
- Use the blue generator below in order to
create a digit-countdown.
- Click button
test
to view the result.
- Click button
code
to create the code for your countdown player.
Generator for Date-Countdown
future date the countdown player is referring to:
January
February
March
April
May
June
July
August
September
October
November
December
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
type of countdown player:
show days, hours, minutes, seconds
show days only
show hours only
show minutes only
show seconds only
Generator for Digit-Countdown
Count from
to
countdown-speed:
What happens after countdown?
just stop countdown
repeat countdown
jump to another URL
Step 2:
Open your webpage in a text editor such as Notepad, WordPad etc.
Step 3:
Insert the below code between the
<head>
-tag and
</head>
-tag of your webpage.
Step 4:
Insert the below code where you want the countdown player to appear on your page.
Step 5:
In order to set the style (font, colors, size) just wrap the corresponding tags around the code. See CSS-sample below:
<span style="font-family:Verdana;font-size:12pt;color:#006600;border:1pt solid #006600;padding:2px;background-color:#DDFFDD"">
<script>setcountdown()</script>
</span>
var countdownid=new Array() var futuredate var nowdate var resulthoursraw var resulthours var resultminutesraw var resultminutes var resultsecondsraw var resultseconds var p_seconds var p_minutes var p_hours var p_days var resultsecondsonly var resultminutesonly var resulthoursonly var content var i_countdown=-1 var countdownid var step=1 speed*=1000 if (digitfrom>digitto) {step=-1} if (digitfrom
1) {p_days="days"} else {p_days="day"} if (resultminutes<10) {resultminutes="0"+resultminutes} if (resultseconds<10) {resultseconds="0"+resultseconds} content=resultdays+" "+p_days+" "+resulthours+"h "+resultminutes+"m "+resultseconds +"s" } else if (displaytype=="showdays") { if (resultdays>1) {p_days="days"} else {p_days="day"} content=resultdays+" "+p_days } else if (displaytype=="showhours") { content=resulthoursonly+" hrs" } else if (displaytype=="showminutes") { content=resultminutesonly+" min" } else if (displaytype=="showseconds") { content=resultsecondsonly+" sec" } } function happensafter() { if (aftercountdown=="repeatit") { if (digitordate=="isdigit") {content=digitfrom-step} docountdown() } if (aftercountdown!="stopit" && aftercountdown!="repeatit") { document.location.href=aftercountdown } } function displayresults() { if (ie4) { for (i=0;i<=countdownid.length-1;i++) { var thisclock=eval(countdownid[i]) thisclock.innerHTML=content } } else { for (i=0;i<=countdownid.length-1;i++) { document.getElementById(countdownid[i]).innerHTML=content } } } function setcountdown() { if (ns4 || ie4 || ie5 || ns6 || opera) { firstcountdown() i_countdown++ countdownid[i_countdown]="countdown"+i_countdown document.write("
"+content+"
") } } if (ie4 || ie5 || ns6 || opera) { onload=setfuturedate }