Welcome Guest [Log In] [Register]
Viewing Single Post From: [CODE] Countdown Timer
Lady Alustriel May 14 2003, 01:06 PM
Madd Doller
[ * * * * ]
Code:
 
<br><center>
<script language="JavaScript">
// This Script And Over 400 Others Found At
//  Java City 2000 http://www.jc2k.com
<!-- Activate Cloaking

/*
       Javascript Countdown Timer (version 1.0)
       Copyright (C) 1997 Gary Cohen  All Rights Reserved.
       Permission given to use this script provided that
       this copyright notice remains in tact.
       [E-mail: gcohen@raleigh.ibm.com]

*/

var timerID;
var timerRunning = false;
var today = new Date();
var count = new Date();
var secPerDay = 0;
var minPerDay = 0;
var hourPerDay = 0;
var secsLeft = 0;
var secsRound = 0;
var secsRemain = 0;
var minLeft = 0;
var minRound = 0;
var dayRemain = 0;
var minRemain = 0;
var Expire = 0;
var timeRemain = 0;
var timeUp = "Christmas"    // enter text to be displayed when countdown is finished
var time = "0 days, 0 hours, 0 minutes, 0 seconds" //do not modify this text

function stopclock (){
if(timerRunning)
clearTimeout(timerID);
timerRunning = false;
}

function startclock () {
stopclock();
showtime();
}


function showtime () {
today = new Date();
count = new Date("December 25, 1998 03:00");   // enter date to count down to ("December 25, 1998 03:00")
count.setYear(today.getYear());
secsPerDay = 1000;
minPerDay = 60 * 1000;
hoursPerDay = 60 * 60 * 1000;
PerDay = 24 * 60 * 60 * 1000;
Expire = (count.getTime() - today.getTime())

/*Seconds*/

secsLeft = (count.getTime() - today.getTime()) / minPerDay;

secsRound = Math.round(secsLeft);

secsRemain = secsLeft - secsRound;

secsRemain = (secsRemain < 0) ? secsRemain = 60 - ((secsRound - secsLeft)
* 60) : secsRemain = (secsLeft - secsRound) * 60;

secsRemain = Math.round(secsRemain);


/*Minutes*/

minLeft = ((count.getTime() - today.getTime()) / hoursPerDay);

minRound = Math.round(minLeft);

minRemain = minLeft - minRound;

minRemain = (minRemain < 0) ? minRemain = 60 - ((minRound - minLeft)  *
60) : minRemain = ((minLeft - minRound) * 60);

minRemain = Math.round(minRemain - 0.495);


/*Hours*/

hoursLeft = ((count.getTime() - today.getTime()) / PerDay);

hoursRound = Math.round(hoursLeft);

hoursRemain = hoursLeft - hoursRound;

hoursRemain = (hoursRemain < 0) ? hoursRemain = 24 - ((hoursRound -
hoursLeft)  * 24) : hoursRemain = ((hoursLeft - hoursRound) * 24);

hoursRemain = Math.round(hoursRemain - 0.5);

/*Days*/

daysLeft = ((count.getTime() - today.getTime()) / PerDay);

daysLeft = (daysLeft);

daysRound = Math.round(daysLeft);

daysRemain = daysRound;


/*Fixes*/

if (daysRemain == 1) daysRemain = daysRemain + " day, ";
       else daysRemain = daysRemain + " days, ";

if (hoursRemain == 1) hoursRemain = hoursRemain + " hour,  ";
       else hoursRemain = hoursRemain + " hours,  ";

if (minRemain == 1) minRemain = minRemain + " minute,  ";
       else minRemain = minRemain + " minutes,  ";

if (secsRemain == 1) secsRemain = secsRemain + " second";
       else secsRemain = secsRemain + " seconds";


/*Time*/

timeRemain = daysRemain + hoursRemain + minRemain +
secsRemain;

window.status = "";
document.clock.face.value = timeRemain;
timerID = setTimeout("showtime()",1000);
timerRunning = true;

if (Expire <= 0){
document.clock.face.value = time;  // choose either "time" or "timeUp"  (without quotes)
stopclock()
}

}
// De-activate Cloaking -->
// -->
</SCRIPT>
</HEAD>
<BODY BGCOLOR="#FFFFFF" TEXT="#000000" LINK="#FF0000" VLINK="#000080" ALINK="#000080">
<FORM NAME="clock"><INPUT TYPE="text" SIZE="41" NAME="face"></FORM>

<script language="JavaScript">
// This Script And Over 400 Others Found At
//  Java City 2000 http://www.jc2k.com
<!--
//document.write('<FORM NAME="clock"><INPUT TYPE="text" SIZE="41" NAME="face"></FORM>');
startclock()
// -->
</SCRIPT>
</center><br>


Put that whereever you want the counter to appear and add in the proper date to count down from and whatever text you want in there. It's plain, but it works. :D

look through the code for the // marks... those indicate areas where you need to change or add something.
Offline Profile Quote Post
[CODE] Countdown Timer · Code Snippets