本文实例讲述了js显示动态时间的方法。分享给大家供大家参考，具体如下：
Date对象的方法
Date 对象能够使你获得相对于国际标准时间（格林威治标准时间，现在被称为 UTC-Universal Coordinated Time）或者是 Flash 播放器正运行的操作系统的时间和日期。要使用Date对象的方法，你就必须先创建一个Date对象的实体（Instance）。
Date 对象必须使用 Flash 5 或以后版本的播放器。
Date 对象的方法并不是静态的，但是在使用时却可以应用于所指定的单独实体。
Date 对象的方法简介：
·getDate ｜ 根据本地时间获取当前日期(本月的几号)
·getDay ｜ 根据本地时间获取今天是星期几(0-Sunday,1-Monday...)
·getFullYear ｜ 根据本地时间获取当前年份(四位数字)
·getHours ｜ 根据本地时间获取当前小时数(24小时制,0-23)
·getMilliseconds ｜ 根据本地时间获取当前毫秒数
·getMinutes ｜ 根据本地时间获取当前分钟数
·getMonth ｜ 根据本地时间获取当前月份(注意从0开始:0-Jan,1-Feb...)
·getSeconds ｜ 根据本地时间获取当前秒数
·getTime ｜ 获取UTC格式的从1970.1.1 0:00以来的毫秒数
·getTimezoneOffset ｜ 获取当前时间和UTC格式的偏移值(以分钟为单位)
·getUTCDate ｜ 获取UTC格式的当前日期(本月的几号)
·getUTCDay ｜ 获取UTC格式的今天是星期几(0-Sunday,1-Monday...)
·getUTCFullYear ｜ 获取UTC格式的当前年份(四位数字)
·getUTCHours ｜ 获取UTC格式的当前小时数(24小时制,0-23)
·getUTCMilliseconds ｜ 获取UTC格式的当前毫秒数
·getUTCMinutes ｜ 获取UTC格式的当前分钟数
·getUTCMonth ｜ 获取UTC格式的当前月份(注意从0开始:0-Jan,1-Feb...)
·getUTCSeconds ｜ 获取UTC格式的当前秒数
·getYear ｜ 根据本地时间获取当前缩写年份(当前年份减去1900)
·setDate ｜ 设置当前日期(本月的几号)
·setFullYear ｜ 设置当前年份(四位数字)
·setHours ｜ 设置当前小时数(24小时制,0-23)
·setMilliseconds ｜ 设置当前毫秒数
·setMinutes ｜ 设置当前分钟数
·setMonth ｜ 设置当前月份(注意从0开始:0-Jan,1-Feb...)
·setSeconds ｜ 设置当前秒数
·setTime ｜ 设置UTC格式的从1970.1.1 0:00以来的毫秒数
·setUTCDate ｜ 设置UTC格式的当前日期(本月的几号)
·setUTCFullYear ｜ 设置UTC格式的当前年份(四位数字)
·setUTCHours ｜ 设置UTC格式的当前小时数(24小时制,0-23)
·setUTCMilliseconds ｜ 设置UTC格式的当前毫秒数
·setUTCMinutes ｜ 设置UTC格式的当前分钟数
·setUTCMonth ｜ 设置UTC格式的当前月份(注意从0开始:0-Jan,1-Feb...)
·setUTCSeconds ｜ 设置UTC格式的当前秒数
·setYear ｜ 设置当前缩写年份(当前年份减去1900)
·toString ｜ 将日期时间值转换成"日期/时间"形式的字符串值
·Date.UTC ｜ 返回指定的UTC格式日期时间的固定时间值
页面js直接得到系统动态时间完整示例：
<!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=utf-8" />
<title>JS实时显示时间</title>
</head>
<body>
<div id="localtime"></div>
<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;
//alert(str);
return str;
}
function tick()
{
var today;
today = new Date();
document.getElementById("localtime").innerHTML = showLocale(today);
window.setTimeout("tick()", 1000);
}
tick();
</script>
</body>
</html>
运行效果如下图所示：
PS：对JavaScript时间与日期操作感兴趣的朋友还可以参考本站在线工具：
Unix时间戳(timestamp)转换工具：
http://tools.phpstudy.net/code/unixtime
在线世界各地时间查询：
http://tools.phpstudy.net/zhuanhuanqi/worldtime
在线万年历日历：
http://tools.phpstudy.net/bianmin/wannianli
网页万年历日历：
http://tools.phpstudy.net/bianmin/webwannianli
更多关于JavaScript相关内容可查看本站专题：《JavaScript时间与日期操作技巧总结》、《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript动画特效与技巧汇总》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。