要完成此效果需要三個(gè)步驟
第一步：把如下代碼加入到<head>區(qū)域中
<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>區(qū)域中
<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>標(biāo)記里
例如：<body onLoad="startclock()">
| 北京 | 天津 | 上海 | 江蘇 | 山東 |
| 安徽 | 浙江 | 江西 | 福建 | 深圳 |
| 廣東 | 河北 | 湖南 | 廣西 | 河南 |
| 海南 | 湖北 | 四川 | 重慶 | 云南 |
| 貴州 | 西藏 | 新疆 | 陜西 | 山西 |
| 寧夏 | 甘肅 | 青海 | 遼寧 | 吉林 |
| 黑龍江 | 內(nèi)蒙古 |
