js显示动态时间的方法详解

更新时间：2016年08月20日 10:13:51 作者：xiangqian0505

这篇文章主要介绍了js显示动态时间的方法,较为详细的分析了javascript中Date对象的常用方法及功能,并结合实例形式分析了JS时间显示功能,需要的朋友可以参考下

本文实例讲述了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.jb51.net/code/unixtime

在线世界各地时间查询：
http://tools.jb51.net/zhuanhuanqi/worldtime

在线万年历日历：
http://tools.jb51.net/bianmin/wannianli

网页万年历日历：
http://tools.jb51.net/bianmin/webwannianli

希望本文所述对大家JavaScript程序设计有所帮助。

您可能感兴趣的文章:

js获取指定的cookie的具体实现
使用js获取cookie或许你会，但是要获取指定cookie，你会吗？下面有个不错的示例，大家可以参考下
2014-02-02
JavaScript实现多维数组的方法
这篇文章主要介绍了JavaScript实现多维数组的方法，有需要的朋友可以参考一下
2013-11-11
ES6中箭头函数的定义与调用方式详解
这篇文章主要给大家介绍了关于ES6中箭头函数的定义与调用方式的相关资料，文中通过示例代码介绍的非常详细，相信会对大家的学习或者工作带来一定的帮助，需要的朋友们下面来一起看看吧。
2017-06-06
JavaScript talbe表中指定位置插入一行的实现代码脚本之家修正版
用js实现的在table中指定的位置插入一行，先点一下表中你想插入的位置，点击即可。
2009-06-06
JavaScript forEach的几种用法小结
forEach()是JavaScript中一个常用的方法,用于遍历数组或类数组对象中的每个元素,本文就来介绍一下JavaScript forEach的几种用法小结,具有一定的参考价值,感兴趣的可以了解一下
2023-11-11
JavaScript实现鼠标拖拽效果
这篇文章主要为大家详细介绍了JavaScript实现鼠标拖拽效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2021-10-10
js获取域名的方法
这篇文章主要介绍了js获取域名的方法,涉及window.location中常见方法的使用技巧,需要的朋友可以参考下
2015-01-01
前端Webpack配置之eval-source-map使用方法
eval-source-map 是 Webpack 中 devtool 选项的一种模式,它提供了一种内联 Source Map 的方式,用于开发环境中的源代码映射,这篇文章主要介绍了前端Webpack配置之eval-source-map使用方法,需要的朋友可以参考下
2024-12-12
浅析JavaScript中break、continue和return的区别
这篇文章主要介绍了JavaScript中break、continue和return的区别,非常不错，具有参考借鉴价值，需要的朋友可以参考下
2016-11-11
JavaScript函数的特性与应用实践深入详解
这篇文章主要介绍了JavaScript函数的特性与应用实践,结合实例形式较为深入的分析了javascript函数相关概念、特性、用法及操作注意事项,需要的朋友可以参考下
2018-12-12

js显示动态时间的方法详解

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具