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

Posted 谭小斌

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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

 



























以上是关于JavaScript的日期对象显示当前日期和时间的主要内容,如果未能解决你的问题,请参考以下文章

通过javascript的日期对象来得到当前的日期

用JavaScript编写计算日期

用js在网页上显示当前日期和时间,并显示是星期几

IFE JavaScript Task0002-2 小练习2:日期对象的使用

[JavaWeb-JavaScript]JavaScript_Data日期对象

用javascript语言获得当前计算机的日期时间,并显示在网页上