JavaScript的日期對象顯示當前日期和時間

題目解析:javascript

使用JavaScript的日期對象顯示當前日期和時間,先用new Date()來定義一個時間oDate對象,再根據oDate對象來獲取年月日和時分秒的值:html

var oDate=new Date();
var oYear=oDate.getFullYear();獲取當年的年份
var oMonth=oDate.getMonth()+1;獲取當月的月份
var oDay=oDate.getDate();獲取當日的日期
var oHours=oDate.getHours();獲取當天的小時
var oMinute=oDate.getMinutes();獲取當時是多少分
var oSeconds=oDate.getSeconds();獲取多少秒前端

把獲取好的的年月日和時分秒付相鏈接起來java

var timeValue=oYear+"-"+zero(oMonth)+"-"+zero(oDay)+" "+zero(oHours)+":"+zero(oMinute)+":"+zero(oSeconds)付給div函數

oBox.innerHTML=timeValue;htm

裏面的zero()函數是補零函數,當月日時分秒的值小於10的狀況下就在前面加0對象

function zero(num){
return num>10?num:"0"+num;
}ip

再用setInterval()方法方法運行 clock()時鐘就而已了,每1秒秒鐘就跑動get

setInterval("clock()",1000);io

 

javascript代碼:

window.onload=function(){
clock();
setInterval("clock()",1000);
}
function zero(num){
return num>10?num:"0"+num;
}
function clock(){
var oBox=document.getElementById("date");
var oDate=new Date();
var oYear=oDate.getFullYear();
var oMonth=oDate.getMonth()+1;
var oDay=oDate.getDate();
var oHours=oDate.getHours();
var oMinute=oDate.getMinutes();
var oSeconds=oDate.getSeconds();
var timeValue=oYear+"-"+zero(oMonth)+"-"+zero(oDay)+" "+zero(oHours)+":"+zero(oMinute)+":"+zero(oSeconds);
oBox.innerHTML=timeValue;
}

轉載前端菜鳥:http://www.bird100.cn/8960.html

相關文章
相關標籤/搜索