js獲取當(dāng)前時間顯示在頁面上并每秒刷新
來源:易賢網(wǎng) 閱讀:5624 次 日期:2014-12-26 13:58:35
溫馨提示:易賢網(wǎng)小編為您整理了“js獲取當(dāng)前時間顯示在頁面上并每秒刷新”,方便廣大網(wǎng)友查閱!

方法很簡單,代碼也很簡潔,直接奉上代碼吧

代碼如下:

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>js獲取當(dāng)前時間顯示在頁面上</title>

<script>

window.onload=function(){

//定時器每秒調(diào)用一次fnDate()

setInterval(function(){

fnDate();

},1000);

}

//js 獲取當(dāng)前時間

function fnDate(){

var oDiv=document.getElementById("div1");

var date=new Date();

var year=date.getFullYear();//當(dāng)前年份

var month=date.getMonth();//當(dāng)前月份

var data=date.getDate();//天

var hours=date.getHours();//小時

var minute=date.getMinutes();//分

var second=date.getSeconds();//秒

var time=year+"-"+fnW((month+1))+"-"+fnW(data)+" "+fnW(hours)+":"+fnW(minute)+":"+fnW(second);

oDiv.innerHTML=time;

}

//補(bǔ)位 當(dāng)某個字段不是兩位數(shù)時補(bǔ)0

function fnW(str){

var num;

str>10?num=str:num="0"+str;

return num;

}

</script>

</head>

<body>

<div id="div1"> </div>

</body>

</html>

更多信息請查看IT技術(shù)專欄

更多信息請查看腳本欄目
易賢網(wǎng)手機(jī)網(wǎng)站地址:js獲取當(dāng)前時間顯示在頁面上并每秒刷新
由于各方面情況的不斷調(diào)整與變化,易賢網(wǎng)提供的所有考試信息和咨詢回復(fù)僅供參考,敬請考生以權(quán)威部門公布的正式信息和咨詢?yōu)闇?zhǔn)!
關(guān)于我們 | 聯(lián)系我們 | 人才招聘 | 網(wǎng)站聲明 | 網(wǎng)站幫助 | 非正式的簡要咨詢 | 簡要咨詢須知 | 新媒體/短視頻平臺 | 手機(jī)站點

版權(quán)所有:易賢網(wǎng)