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 相关文章推荐
window.location和document.location的区别分析
Dec 23 Javascript
Ext javascript建立超链接,进行事件处理的实现方法
Mar 22 Javascript
JS 自定义函数缺省值的设置方法
May 05 Javascript
javascript中的关于类型转换的性能优化
Dec 14 Javascript
分享一个自己写的简单的javascript分页组件
Feb 15 Javascript
Bootstrap字体图标无法正常显示的解决方法
Oct 08 Javascript
KnockoutJS 3.X API 第四章之数据控制流if绑定和ifnot绑定
Oct 10 Javascript
解决iview多表头动态更改列元素发生的错误的方法
Nov 02 Javascript
小程序中英文混合排序问题解决
Aug 02 Javascript
vue跳转方式(打开新页面)及传参操作示例
Jan 26 Javascript
原生JS实现萤火虫效果
Mar 07 Javascript
vue+Element-ui前端实现分页效果
Nov 15 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
PHP新手上路(二)
2006/10/09 PHP
php快递单号查询接口使用示例
2014/05/05 PHP
yii实现使用CUploadedFile上传文件的方法
2015/12/28 PHP
在Laravel中使用MongoDB的方法示例
2019/11/11 PHP
解析URI与URL之间的区别与联系
2013/11/22 Javascript
ie下$.getJSON出现问题的解决方法
2014/02/12 Javascript
JavaScript函数详解
2014/11/17 Javascript
javascript基本类型详解
2014/11/28 Javascript
自定义jQuery插件方式实现强制对象重绘的方法
2015/03/23 Javascript
javascript 中的 delete及delete运算符
2015/11/15 Javascript
jQuery Easyui datagrid/treegrid 清空数据
2016/07/09 Javascript
js实现图片缓慢放大缩小效果
2016/08/02 Javascript
jquery 标签 隔若干行加空白或者加虚线的方法
2016/12/07 Javascript
详解VUE的状态控制与延时加载刷新
2017/03/27 Javascript
详解如何实现一个简单的 vuex
2018/02/10 Javascript
AngularJS对动态增加的DOM实现ng-keyup事件示例
2018/03/12 Javascript
小程序实现左右来回滚动字幕效果
2018/12/28 Javascript
微信小程序页面间跳转传参方式总结
2019/06/13 Javascript
JavaScript This指向问题详解
2019/11/25 Javascript
小程序自定义圆形进度条
2020/11/17 Javascript
JavaScript canvas实现跟随鼠标移动小球
2021/02/09 Javascript
Python深入学习之上下文管理器
2014/08/31 Python
跟老齐学Python之传说中的函数编写条规
2014/10/11 Python
Python中pip更新和三方插件安装说明
2018/07/08 Python
使用Python获取网段IP个数以及地址清单的方法
2018/11/01 Python
Numpy一维线性插值函数的用法
2020/04/22 Python
解决pycharm 格式报错tabs和space不一致问题
2021/02/26 Python
Max&Co官网:意大利年轻女性时尚品牌
2017/05/16 全球购物
Kent & Curwen:与大卫·贝克汉姆合作
2017/06/13 全球购物
将"引用"作为函数参数有哪些特点
2013/04/05 面试题
银行柜员应聘推荐信范文
2013/11/24 职场文书
2014年绩效考核工作总结
2014/12/11 职场文书
工作时间调整通知
2015/04/24 职场文书
2015年政教主任工作总结
2015/07/23 职场文书
再读《皇帝的新衣》的读后感悟!
2019/08/07 职场文书
详解Python+OpenCV绘制灰度直方图
2022/03/22 Python