<html>
<head>
<script language=VBScript>
Sub RefreshDateTime()
divDateTime.innerText = FormatDateTime(Now(), vbGeneralDate)
End Sub
Sub window_onload()
RefreshDateTime
setInterval "RefreshDateTime", 1000, "VBScript"
End Sub
</script>
</head>
<body>
<div id=divDateTime
style='font: bold 11px/11px "Courier New"; text-align: right'>
</div>
<div>
This is an example of a page using client-side script
to provide a running clock for the user.
</div>
</body>
</html><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "[URL unfurl="true"]http://www.w3.org/TR/html4/loose.dtd">[/URL]
<html>
<head>
<title>testbed</title>
<style type="text/css">
#divDateTime {
font: courier;
color: blue;
}
</style>
<script language="JavaScript" type="text/javascript">
var timeDiv //global var
function start() {
//init reference to 'time' div
timeDiv = document.getElementById("divDateTime");
//start first time refresh
setTimeout("RefreshDateTime()", 1)
}
function RefreshDateTime() {
//put current time into timeDiv using DOM
timeDiv.firstChild.nodeValue = (new Date()).toLocaleString();
//now call this function again in one second
setTimeout("RefreshDateTime()", 1000)
}
</script>
</head>
<body onload="start();">
<p>Your computer time is now: <span id="divDateTime">0</span></p>
<p>
This example now works using accepted standards and would probably work on a PDA or mobile phone :).
</p>
</body>
</html>![[spin2]](/data/assets/smilies/spin2.gif "[spin2] [spin2]")
[/ignore][code]CodeHere<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "[URL unfurl="true"]http://www.w3.org/TR/html4/loose.dtd">[/URL]
<html>
<head>
<title>testbed</title>
<style type="text/css">
#divClock {
font-size: 16px;
font-family: "Courier New", monospace;
color: #333333;
background-color: #CCFFCC;
border: 1px solid black;
width: 55px; /*CSS experts: have this auto somehow? */
}
</style>
<script language="JavaScript" type="text/javascript">
// global vars to point to clock spans
var hoursObj, sepObj, minsObj;
var rightNow, hours, mins, tmp;
function start() {
//init references to clock spans
hoursObj = document.getElementById("hoursID");
sepObj = document.getElementById("sepID");
minsObj = document.getElementById("minsID");
//start first time refresh
setTimeout("RefreshDateTime()", 1)
}
function RefreshDateTime() {
//get current time and split into hours / mins
rightNow = new Date();
hours = rightNow.getHours();
mins = rightNow.getMinutes();
//update hours / mins spans
hoursObj.firstChild.nodeValue = hours;
minsObj.firstChild.nodeValue = mins;
//toggle separator every second so it blinks
toggleSeparator();
//now call this function again in one second
setTimeout("RefreshDateTime()", 1000)
}
function toggleSeparator() {
//check current status
tmp = sepObj.firstChild.nodeValue;
//swap to opposite
if (tmp == ":")
tmp = " ";
else
tmp = ":";
//update to new status
sepObj.firstChild.nodeValue = tmp;
}
</script>
</head>
<body onload="start();">
<div id="divClock"><span id="hoursID">0</span><span id="sepID">:</span><span id="minsID">0</span></div>
<p>V2.0: Digital Clock :)<br>
This example now works using accepted standards and would probably work on a PDA or mobile phone :).</p>
</body>
</html>[/ignore][code]CodeHere[/ignore][code]CodeHereidobjRef.firstChild.nodeValueinnerText<html>
<head>
<title>testbed</title>
<style type="text/css">
#clockDiv {
font-size: 16px;
font-family: "Courier New", monospace;
color: #333333;
background-color: #CCFFCC;
border: 1px solid black;
width: 75px
}
</style>
<script language=JavaScript>
function start() {
refreshDateTime();
setInterval("refreshDateTime()", 1000)
};
function refreshDateTime() {
var rightNow = new Date();
var hours = rightNow.getHours()
hourSpan.innerText = (" " + ((hours + 11) % 12 + 1)).slice(-2);
minSpan.innerText = ("0" + rightNow.getMinutes()).slice(-2);
halfSpan.innerText = ((hours / 12).floor == 1) ? "PM" : "AM";
toggleSeparator()
};
function toggleSeparator() {
if (sepSpan.innerText == ":")
sepSpan.innerText = " "
else
sepSpan.innerText = ":"
}
</script>
</head>
<body onload="Javascript: start()">
<div id=clockDiv><span id=hourSpan></span><span id=sepSpan></span><span
id=minSpan></span><span id=halfSpan></span></div>
<p>V2.0+: Digital Clock <span style="font: normal 20pt Wingdings">C</span><br>
This example eliminates several poor practices common in Javascript.</p>
</body>
</html>objRef.firstChild.nodeValue
[/ignore][code]CodeHerevisibilityfunction toggleSeparator() {
if (sepSpan.style.visibility == "visible")
sepSpan.style.visibility = "hidden" else
sepSpan.style.visibility = "visible"}
</script>
</head>
<body onload="Javascript: start()">
<div id=clockDiv><span id=hourSpan></span><span id=sepSpan>:</span><span id=minSpan></span><span id=halfSpan></span></div>