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 相关文章推荐
jquery为页面增加快捷键示例
Jan 31 Javascript
jQuery设置与获取HTML,文本和值的简单实例
Feb 26 Javascript
一款由jquery实现的整屏切换特效
Sep 15 Javascript
js带缩略图的图片轮播效果代码分享
Sep 14 Javascript
全面详细的jQuery常见开发技巧手册
Feb 21 Javascript
纯js实现页面返回顶部的动画(超简单)
Aug 10 Javascript
详解使用VueJS开发项目中的兼容问题
Aug 02 Javascript
vue中的过滤器实例代码详解
Jun 06 Javascript
vue 实现走马灯效果
Oct 28 Javascript
在Webpack中用url-loader处理图片和字体的问题
Apr 28 Javascript
js模拟实现百度搜索
Jun 28 Javascript
vue实现倒计时功能
Mar 24 Vue.js
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
Laravel框架控制器的middleware中间件用法分析
2019/09/30 PHP
基于jQuery的试卷自动排版系统实现代码
2011/01/06 Javascript
日历查询的算法 如何计算某一天是星期几
2012/12/12 Javascript
js 实现菜单左右滚动显示示例介绍
2013/11/21 Javascript
jquery序列化方法实例分析
2015/06/10 Javascript
JavaScript中最常用的10种代码简写技巧总结
2017/06/28 Javascript
Vue自定义指令详解
2017/07/28 Javascript
bootstrap multiselect下拉列表功能
2017/08/22 Javascript
浅谈angular.js跨域post解决方案
2017/08/30 Javascript
基于jQuery的$.getScript方法去加载javaScript文档解析
2017/11/08 jQuery
详解webpack多页面配置记录
2018/01/22 Javascript
微信小程序实现多选功能
2018/11/04 Javascript
vue.js层叠轮播效果的实例代码
2018/11/08 Javascript
小程序和web画三角形实现解析
2019/09/02 Javascript
vue-cli3 引入 font-awesome的操作
2020/08/11 Javascript
python多行字符串拼接使用小括号的方法
2020/03/19 Python
Python实现简单的列表冒泡排序和反转列表操作示例
2019/07/10 Python
python使用requests.session模拟登录
2019/08/09 Python
浅谈pycharm使用及设置方法
2019/09/09 Python
python 怎样将dataframe中的字符串日期转化为日期的方法
2019/09/26 Python
在pytorch 中计算精度、回归率、F1 score等指标的实例
2020/01/18 Python
纯CSS3打造动感漂亮时尚的扇形菜单
2014/03/18 HTML / CSS
英国家电直销:Appliances Direct
2016/09/22 全球购物
南非最大的花卉和送礼服务:NetFlorist
2017/09/13 全球购物
意大利在线大学图书馆:Libreria universitaria
2019/07/16 全球购物
Maxpeedingrods美国:高性能汽车零件
2020/02/14 全球购物
Hammitt官网:设计师手袋
2020/05/23 全球购物
报社实习生自荐信
2014/01/24 职场文书
共产党员公开承诺书
2014/03/25 职场文书
2014年五四青年节活动方案
2014/03/29 职场文书
售后客服工作职责
2014/06/16 职场文书
指导教师推荐意见
2015/06/05 职场文书
寒假生活随笔
2015/08/15 职场文书
婚庆答谢词大全
2015/09/29 职场文书
ORACLE数据库对long类型字段进行模糊匹配的解决思路
2021/04/07 Oracle
Java多线程并发FutureTask使用详解
2022/06/28 Java/Android