时间和日期分别用按钮来实现相互转换
<!-- 网页
特效代码由duzhi . net提供！ -->
<!-- 要实现此效果需要 3 个步骤： -->
<!-- 第 1 步： -->
<!-- 把下面的代码加到<HEAD></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.netscape.com 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>
<!-- 第 2 步： -->
<!-- 把<BODY>中的属性代码改为： -->
<BODY onLoad="startclock()">
<!-- 第 3 步： -->
<!-- 把下面的代码加到<BODY></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>
您当前的位置：
技术文章导航