当前位置：Gxlcms > JavaScript > javascript 时间显示代码集合(Date对象)

javascript 时间显示代码集合(Date对象)

时间：2021-07-01 10:21:17 帮助过：20人阅读

javascript时间函数
javascript提供了Date对象来进行时间和日期的计算。

Date对象有多种构造函数：

new Date() //当前时间
new Date(milliseconds) //距离起始时间1970年1月1日的毫秒数
new Date(datestring) //字符串代表的日期与时间。此字符串可以使用Date.parse()转换,比如"Jannuary 1, 1998 20:13:15"
new Date(year, month, day, hours, minutes, seconds, microseconds) //时间数值，可以不用全部写，不写则默认为0

使用时先创建一个Date对象，比如：
dateObj=new Date();

然后调用函数，比如
year=dateObj.getFullYear();//获得年份值

下面是函数列表。

获取类函数：
getDate() 函数 -- 返回天数(1-31)
getDay()函数 -- 返回星期数(0-6)
getFullYear() 函数 -- 返回四位数年份
getHours()函数 -- 返回小时数(0-23)
getMilliseconds() 函数 -- 返回毫秒数(0-999)
getMinutes() 函数 -- 返回分钟数(0-59)
getMonth() 函数 -- 返回月份数(0-11)
getSeconds() 函数 -- 返回的秒数(0-59)
getTime() 函数 -- 返回时间戳表示法(毫秒表示)
getYear() 函数 -- 返回年份(真实年份减去1900)

设置类函数：
（以下函数均返回date对象距1970年1月1日午夜之间的毫秒数）
setDate() 函数 -- 设置月份的一天
setFullYear() 函数 -- 设置的年份，月份和天
setHours() 函数 -- 设置小时，分钟，秒和毫秒
setMilliseconds() 函数 -- 设置毫秒数
setMinutes() 函数 -- 设置分钟，秒，毫秒
setMonth() 函数 -- 设置月份，天
setSeconds() 函数 -- 设置月份的一天
setTime() 函数 -- 使用毫秒数设置date对象
setYear() 函数 -- 设置年份(真实年份减去1900)

转化显示类函数：
toLocalString() 函数 -- 返回本地化字符串表示
toLocaleDateString函数 -- 返回日期部分的本地化字符串
toLocaleTimeString函数 -- 返回时间部分的本地化字符串

相对于local输出，还有：

toString()
toDateString()
toTimeString()

区别在于前者是根据不同的机器有不同的当地语言格式，后者是内部表示格式

日期解析类函数
Date.parse() 函数 -- 解析一个日期的字符串，并返回该日期距1970年1月1日午夜之间的毫秒数

时区相关的部份请看javascript时区函数

javascript显示时间实例

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]
JavaScript显示系统时间带日期
JavaScript显示系统时间,显示年月日时分秒和星期，每秒自动刷新，并加入日期颜色区别:
星期一至星期五显示为黑色
星期六显示为绿色
星期日显示为红色

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<title>JavaScript 时间显示</title> 
</head> 
<body> 
<span id=localtime></span> 
<script type="text/javascript"> 
function showLocale(objD) 
{ 
var str,colorhead,colorfoot; 
var yy = objD.getYear(); 
if(yy<1900) yy = yy+1900; 
var MM = objD.getMonth()+1; 
if(MM<10) MM = '0' + MM; 
var dd = objD.getDate(); 
if(dd<10) dd = '0' + dd; 
var hh = objD.getHours(); 
if(hh<10) hh = '0' + hh; 
var mm = objD.getMinutes(); 
if(mm<10) mm = '0' + mm; 
var ss = objD.getSeconds(); 
if(ss<10) ss = '0' + ss; 
var ww = objD.getDay(); 
if ( ww==0 ) colorhead="<font color=\"#FF0000\">"; 
if ( ww > 0 && ww < 6 ) colorhead="<font color=\"#373737\">"; 
if ( ww==6 ) colorhead="<font color=\"#008000\">"; 
if (ww==0) ww="星期日"; 
if (ww==1) ww="星期一"; 
if (ww==2) ww="星期二"; 
if (ww==3) ww="星期三"; 
if (ww==4) ww="星期四"; 
if (ww==5) ww="星期五"; 
if (ww==6) ww="星期六"; 
colorfoot="</font>" 
str = colorhead + yy + "-" + MM + "-" + dd + " " + hh + ":" + mm + ":" + ss + " " + ww + colorfoot; 
return(str); 
} 
function tick() 
{ 
var today; 
today = new Date(); 
document.getElementById("localtime").innerHTML = showLocale(today); 
window.setTimeout("tick()", 1000); 
} 
tick(); 
</script> 
</body> 
</html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

javascript 时间显示代码集合(Date对象)

人气教程排行