时间和日期分别用按钮来实现相互转换

- 中国WEB开发者网络 (http://www.webasp.net)
-- 网页特效 (http://www.webasp.net/javascript/)
--- 时间和日期分别用按钮来实现相互转换 (http://www.webasp.net/javascript/1/40.htm)
-- 发布日期： 2004-05-26
<!-- 网页特效代码由[中国WEB开发者网络:http://www.ChinaWebDev.com]提供！ -->
<!-- 要实现此效果需要 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>

webasp.net