JavaScript的日期对象显示当前日期和时间

时间:2019-04-15
本文章向大家介绍JavaScript的日期对象显示当前日期和时间,主要包括JavaScript的日期对象显示当前日期和时间使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。

题目解析:

使用JavaScript的日期对象显示当前日期和时间,先用new Date()来定义一个时间oDate对象,再根据oDate对象来获取年月日和时分秒的值:

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)付给div

oBox.innerHTML=timeValue;

里面的zero()函数是补零函数,当月日时分秒的值小于10的情况下就在前面加0

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

再用setInterval()方法方法运行 clock()时钟就而已了,每1秒秒钟就跑动

setInterval("clock()",1000);

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