網(wǎng)頁特效代碼模板無憂>網(wǎng)頁特效>日期時間特效代碼>

時間和日期分別用按鈕來實(shí)現(xiàn)相互轉(zhuǎn)換_日期時間特效

查看演示效果

特效Tag：按鈕日期添加

時間和日期分別用按鈕來實(shí)現(xiàn)相互轉(zhuǎn)換,您可以先修改部分代碼再運(yùn)行.

<!--要完成此效果需要三個步驟

第一步：把如下代碼加入到<head>區(qū)域中-->

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

[收藏][報(bào)錯][返回列表]

相關(guān)日期時間特效：

時間和日期分別用按鈕來實(shí)現(xiàn)相互轉(zhuǎn)換_日期時間特效

日期時間特效Rss訂閱特效代碼搜索

日期時間特效推薦

猜你也喜歡看這些