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


Posted in Javascript onAugust 20, 2016

本文实例讲述了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>

运行效果如下图所示:

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

Javascript 相关文章推荐
写入cookie的JavaScript代码库 cookieLibrary.js
Oct 24 Javascript
调试Javascript代码(浏览器F12及VS中debugger关键字)
Jan 25 Javascript
jquery分页插件jpaginate在IE中不兼容问题
Apr 22 Javascript
使用typeof方法判断undefined类型
Sep 09 Javascript
js数组去重的方法汇总
Jul 29 Javascript
jQuery easyUI datagrid 增加求和统计行的实现代码
Jun 01 Javascript
AngularJs Understanding the Controller Component
Sep 02 Javascript
微信小程序 tabs选项卡效果的实现
Jan 05 Javascript
JavaScript实现body内任意节点的自定义属性功能示例
Sep 18 Javascript
vue 组件内获取actions的response方式
Nov 08 Javascript
Vue 3.0中jsx语法的使用
Nov 13 Javascript
JavaScript的Set数据结构详解
Feb 18 Javascript
javascript数字验证的实例代码(推荐)
Aug 20 #Javascript
javascript之IE版本检测超简单方法
Aug 20 #Javascript
基于JavaScript Array数组方法(新手必看篇)
Aug 20 #Javascript
老生常谈JavaScript 正则表达式语法
Aug 20 #Javascript
浅谈时钟的生成(js手写简洁代码)
Aug 20 #Javascript
js 基础篇必看(点击事件轮播图的简单实现)
Aug 20 #Javascript
再谈Javascript中的异步以及如何异步
Aug 19 #Javascript
You might like
phpexcel导入excel数据使用方法实例
2013/12/24 PHP
discuz加密解密函数使用方法和中文注释
2014/01/21 PHP
测试你的JS的掌握程度的代码
2009/12/09 Javascript
jquery实现可拖动DIV自定义保存到数据的实例
2013/11/20 Javascript
javascript拖拽上传类库DropzoneJS使用方法
2013/12/05 Javascript
JS下载文件|无刷新下载文件示例代码
2014/04/17 Javascript
javascript 获取HTML DOM父、子、临近节点
2014/06/16 Javascript
js Object2String方便查看js对象内容
2014/11/24 Javascript
jQuery表格插件datatables用法汇总
2016/03/29 Javascript
自制微信公众号一键排版工具
2016/09/22 Javascript
JS实现本地存储信息的方法(基于localStorage与userData)
2017/02/18 Javascript
bootstarp modal框居中显示的实现代码
2017/02/18 Javascript
BootStrap fileinput.js文件上传组件实例代码
2017/02/20 Javascript
javascript 面向对象function详解及实例代码
2017/02/28 Javascript
VUE axios上传图片到七牛的实例代码
2017/07/28 Javascript
Node 升级到最新稳定版的方法分享
2018/05/17 Javascript
JS实现数组去重及数组内对象去重功能示例
2019/02/02 Javascript
微信小程序页面渲染实现方法
2019/11/06 Javascript
es6中使用map简化复杂条件判断操作实例详解
2020/02/19 Javascript
[01:07]2015国际邀请赛 中国区预选赛精彩回顾
2015/06/15 DOTA
使用Python解析JSON数据的基本方法
2015/10/15 Python
python安装twisted的问题解析
2018/08/21 Python
windows下python虚拟环境virtualenv安装和使用详解
2019/07/16 Python
Tensorflow tf.tile()的用法实例分析
2020/05/22 Python
Python3创建Django项目的几种方法(3种)
2020/06/03 Python
python中tkinter窗口位置\坐标\大小等实现示例
2020/07/09 Python
详解Python 中的容器 collections
2020/08/17 Python
波兰家具和室内装饰品购物网站:Vivre
2018/04/10 全球购物
JBL澳大利亚官方商店:扬声器、耳机和音响系统
2018/05/24 全球购物
俄罗斯卫浴采暖及维修用品超级市场:Dkrussia
2020/05/12 全球购物
创业计划书如何吸引他人眼球
2014/01/10 职场文书
20岁生日感言
2014/01/13 职场文书
2014领导班子“四风问题”对照检查材料思想汇报(执法局)
2014/09/21 职场文书
高中班主任评语
2014/12/30 职场文书
放飞理想主题班会
2015/08/14 职场文书
亲情作文之母爱
2019/09/25 职场文书