时间和日期分别用按钮来实现相互转换-JS特效-爱易网页

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

日期：2014-05-18　浏览次数：20316 次

欢迎光临爱易网网页脚本特效中心，点击运行按钮演示特效：

以下是程序代码

要完成此效果需要三个步骤

第一步：把如下代码加入到<head>区域中

<!-- 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>

第二步：把如下代码加入到<body>区域中

<input     type=button value="Time" size=12

onClick="showtime()">

<input    type=button value="Date" size=12

onClick="gettheDate()">

</form>

第三步：把“onLoad="startclock()"”加在<body>标记里
例如：<body onLoad="startclock()">

<a href="http://www.aiyiweb.com/js/">欢迎访问爱易网JS特效</a>

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

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

相关资料更多>

推荐阅读更多>