网页特效代码模板无忧>网页特效>日期时间特效代码>

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

查看演示效果

特效Tag：按钮日期添加

时间和日期分别用按钮来实现相互转换,您可以先修改部分代码再运行.

<!--要完成此效果需要三个步骤

第一步：把如下代码加入到<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>

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

onClick="showtime()">

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

onClick="gettheDate()">

</form>

<body onLoad="startclock()">

所属频道：日期时间特效/更新时间：2012-09-16

[收藏][报错][返回列表]

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

日期时间特效Rss订阅特效代码搜索

日期时间特效推荐

猜你也喜欢看这些