要完成此效果需要三个步骤
第一步：把如下代码加入到<head>区域中
<script Language="Javascript">
<!-- Helpers for JSI page...
// Navigation - Start
function goback(){
alert("Good Bye!");
history.go(-1);
}
function getname(str) {
alert("Hi, "+ str+"!");
}
function gettheDate() {
stopclock();
Todays = new Date();
TheDate = "" + (Todays.getMonth()+ 1) +" / "+ Todays.getDate() + " / "
+
Todays.getYear()
document.clock.face.value = TheDate;
}
function showit () {
var now = new Date();
var hours = now.getHours();
var minutes = now.getMinutes();
var seconds = now.getSeconds();
stopclock();
TotalTime = (minutes > GetTotal)?
(minutes-GetTotal):TotalTime;
document.clock.face.value = TotalTime + " in minutes ";
}
// Navigation - Stop
// Netscapes Clock - Start
// this code was taken from Netscapes Javascript documentation at
// www.csai.cn on Jan.25.96
var timerID = null;
var TotalTime = 0;
var GetTotal = 0;
var timerRunning = false;
function stopclock (){
if(timerRunning)
clearTimeout(timerID);
timerRunning = false;
}
function startclock () {
// Make sure the clock is stopped
var now = new Date();
stopclock();
GetTotal=now.getMinutes();
gettheDate()
showtime();
}
function showtime () {
var now = new Date();
var hours = now.getHours();
var minutes = now.getMinutes();
var seconds = now.getSeconds()
var timeValue = "" + ((hours >12) ? hours -12 :hours)
timeValue += ((minutes < 10) ? ":0" : ":") + minutes
timeValue += ((seconds < 10) ? ":0" : ":") + seconds
timeValue += (hours >= 12) ? " P.M." : " A.M."
document.clock.face.value = timeValue;
timerID = setTimeout("showtime()",1000);
timerRunning = true;
}
function showtimer () {
var now = new Date();
var hours = now.getHours();
var minutes = now.getMinutes();
var seconds = now.getSeconds()
var timeValue = "" + ((hours >12) ? hours -12 :hours)
timeValue += ((minutes < 10) ? ":0" : ":") + minutes
timeValue += ((seconds < 10) ? ":0" : ":") + seconds
timeValue += (hours >= 12) ? " P.M." : " A.M."
document.clock.Tspent.value = timeValue;
timerID = setTimeout("showtime()",1000);
timerRunning = true;
}
// Netscapes Clock - Stop
// end Helpers -->
</script>
第二步：把如下代码加入到<body>区域中
<form name="clock" onSubmit="0">
<input type=button value="Time" size=12
onClick="showtime()">
<input type=button value="Date" size=12
onClick="gettheDate()">
<input type="text" name="face" size=12 value="" StartTimer()>
</form>
第三步：把“onLoad="startclock()"”加在<body>标记里
例如：<body onLoad="startclock()">
