Help for making clock for time counter

yogendra_kaushik · #1 (**permalink**) 11-29-2007, 12:45 AM

Hello..alls
I am new in java script, I am making a application . in which i need to make a java script clock which count time ....I am trying to understand you it in more detail

After successfull user login clock show at top corner and it start from 00:00:00 and now it start time counting .

Can any one help he how can i do this

alilg · #2 (**permalink**) 04-03-2008, 07:54 PM

Quote:

Originally Posted by yogendra_kaushik

Hello..alls
I am new in java script, I am making a application . in which i need to make a java script clock which count time ....I am trying to understand you it in more detail

After successfull user login clock show at top corner and it start from 00:00:00 and now it start time counting .

Can any one help he how can i do this

late reply i know, just for other people whom may have this question.

to make Countdown in javascript we need to work with Timers and setTimes.

this is a simple countdown script, watch it carefully to know how it works

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Countdown</title>
</head>
<body onload="timer()">

<style type="text/css">
#time{
font-size:50pt;
}
</style>

<script type="text/javascript">
i=90;
function timer()
{
    document.getElementById('time').innerHTML = i+1;
    setTimeout('timer()', 1000); //this will make loop this function for every one second
    i--;
}
</script>

<div id="time">90</div>


</body>
</html>

the 1000 says to timer which call the function every 1000 miliseconds which is equal to 1 second

if you to make the countdown FASTER, you can replace 1000 value with 500 for example.

to stop a javascript timer we will use ClearTIMER which i don't think you need it...

alilg · #3 (**permalink**) 04-03-2008, 08:16 PM

and i now i changed the above code to make a
digital clock with this format "00:00:00"

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Digitl clock</title>
</head>
<body onload="timer()">

<style type="text/css">
#time{
font-size:50pt;
}
</style>

<script type="text/javascript">
var digiclock = "00:00:00";

i = 0;

function timer()
{
    var digiformat = "";
	if(i>3599)
	{
		var H = Math.floor(i/3600);
	}
	else
	{
		var H = 0;
	}
	
	var M = i - (H*3600)
	
	if(M>59)
	{
		M = Math.floor(M/60)
	}
	else
	{
		M = 0
	}	
	var S = i - (M*60)	
	if(H<10)
	{
		H = "0"+H;
	}
	if(M<10)
	{
		M = "0"+M;
	}
	if(S<10)
	{
		S = "0"+S;
	}
	
	document.getElementById('time').innerHTML = H+":"+M+":"+S;
    setTimeout('timer()', 1000);
    i++;
}

</script>

<div id="time">90</div>


</body>
</html>

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Javascript: Analog Clock	TcM	Javascript	20	05-28-2008 09:01 AM
WHAT is wrong with WHICH clock in my machine?	tymoty	General Programming	2	11-01-2007 10:59 PM
Creating an analog clock with ActionScript	AfTriX	Tutorials	2	01-07-2007 02:19 AM
Counter	Blaze	General Programming	1	08-22-2006 06:24 AM

Xav	........	1333.07
MeTh0Dz\|Reb0rn	........	1055.7
John	........	881.37
morefood2001	........	879.43
marwex89	........	869.98
WingedPanther	........	851.68
Brandon W	........	757.44
chili5	........	312.39
Steve.L	........	247.05
dcs	........	219.87

Unregistered, Check out the Coder Battles in the Announcement and Game forums.

CodeCall

Contest Stats

CodeCall Goal

Sponsors

Ads

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)