当前位置:开发者网络 >> 网页特效 >> 日期时间 >> 内容
精彩推荐
分类最新特效
分类热点特效
  
时间和日期分别用按钮来实现相互转换
日期: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>