An example from
The JavaScript Planet - Collection with 371 free JavaScripts! - you should be able to work out how to adapt this to your own page.
Make a Javascript function & relevant html code to call on the function - it's quite straight forward.
Code:
<HTML>
<HEAD>
<title>People on the Earth</title>
</head>
<BODY BGCOLOR="#FFFFFF" onLoad="maind()">
<center></center><A HREF="jv_main.html"><IMG SRC="java.gif" ALT="Back to JS main page" width=33 height=33 border=0></A><P>
BY:<a href="mailto:w.joosen@tip.nl">w.joosen@tip.nl</a>...<a href="http://www.geocities.com/SiliconValley/Heights/7725/" target="_top">Homepage</a><br>
DATE:1997-03-24<BR>
<hr>
<script language="JavaScript">
function maind()
{
startdate = new Date()
now(startdate.getYear(),startdate.getMonth(),startdate.getDate(),startdate.getHours(),startdate.getMinutes(),startdate.getSeconds())
}
function ChangeValue(number,pv)
{
numberstring =""
var j=0
var i=0
while (number > 1)
{
numberstring = (Math.round(number-0.5) % 10) + numberstring
number= number / 10
j++
if (number > 1 && j==3) {
numberstring = "." + numberstring
j=0}
i++
}
numberstring= " " + numberstring+",00"
if (pv==1) { document.schuld.schuld.value = numberstring }
if (pv==2) {document.newnow.newnow.value = numberstring}
}
function now(year,month,date,hours,minutes,seconds)
{
startdatum = new Date(year,month,date,hours,minutes,seconds)
var now = 5700000000.0
var now2 = 5790000000.0
var groeipercentage = (now2 - now) / now *100
var groeiperseconde = (now * (groeipercentage/100))/365.0/24.0/60.0/60.0
nu = new Date ()
schuldstartdatum = new Date (96,1,1)
secondenoppagina = (nu.getTime() - startdatum.getTime())/1000
totaleschuld= (nu.getTime() - schuldstartdatum.getTime())/1000*groeiperseconde + now
ChangeValue(totaleschuld,1);
ChangeValue(secondenoppagina*groeiperseconde,2);
timerID = setTimeout("now(startdatum.getYear(),startdatum.getMonth(),startdatum.getDate(),startdatum.getHours(),startdatum.getMinutes(),startdatum.getSeconds())",200)
}
</script>
<CENTER>
<BR>
<H2>The number of people on the planet Earth is now...</H2>
<form name="schuld">
<input type="text" name="schuld" size=25 value="">
</FORM>
<BR><BR>
<H2>Since you are on this page the number of people on Earth has grown with
...</H2>
<form name="newnow">
<input type="text" name="newnow" size=25 value=""><H2> people</H2>
</FORM>
</CENTER>
</BODY>
</HTML>