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 相关文章推荐
javascript实现的DES加密示例
Oct 30 Javascript
jQuery简易图片放大特效示例代码
Jun 09 Javascript
html的DOM中document对象forms集合用法实例
Jan 21 Javascript
jQuery插件简单实现方法
Jul 18 Javascript
noty ? jQuery通知插件全面解析
May 18 Javascript
Radio 单选JS动态添加的选项onchange事件无效的解决方法
Dec 12 Javascript
JavaScript中日常收集常见的10种错误(推荐)
Jan 08 Javascript
zTree jQuery 树插件的使用(实例讲解)
Sep 25 jQuery
vue动态改变背景图片demo分享
Sep 13 Javascript
JavaScript 处理树数据结构的方法示例
Jun 16 Javascript
laydate只显示时分 不显示秒的功能实现方法
Sep 28 Javascript
基于vue实现微博三方登录流程解析
Nov 04 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开发规范手册之PHP代码规范详解
2011/01/13 PHP
php循环创建目录示例分享(php创建多级目录)
2014/03/04 PHP
php管理nginx虚拟主机shell脚本实例
2014/11/19 PHP
PHP魔术方法的使用示例
2015/06/23 PHP
利用php做服务器和web前端的界面进行交互
2016/10/31 PHP
CI(CodeIgniter)框架视图中加载视图的方法
2017/03/24 PHP
利用Homestead快速运行一个Laravel项目的方法详解
2017/11/14 PHP
PHP 构造函数和析构函数原理与用法分析
2020/04/21 PHP
JavaScript判断一个URL链接是否有效的实现方法
2011/10/08 Javascript
Javascript学习笔记之 对象篇(三) : hasOwnProperty
2014/06/24 Javascript
javascript转换静态图片,增加粒子动画效果
2015/05/28 Javascript
JS实现屏蔽shift,Ctrl,alt等功能键的方法
2015/06/01 Javascript
使用js复制链接中的部分文字的方法
2015/07/30 Javascript
ionic js 模型 $ionicModal 可以遮住用户主界面的内容框
2016/06/06 Javascript
Node.js readline 逐行读取、写入文件内容的示例
2018/03/01 Javascript
基于nodejs的雪碧图制作工具的示例代码
2018/11/05 NodeJs
Vue.js实现的购物车功能详解
2019/01/27 Javascript
vue实现微信浏览器左上角返回按钮拦截功能
2020/01/18 Javascript
js+for循环实现字符串自动转义的代码(把后面的字符替换前面的字符)
2020/12/24 Javascript
[02:07]2018DOTA2亚洲邀请赛主赛事第三日五佳镜头 fy极限反杀
2018/04/06 DOTA
在Mac OS系统上安装Python的Pillow库的教程
2015/11/20 Python
Python中第三方库Requests库的高级用法详解
2017/03/12 Python
浅析Python 实现一个自动化翻译和替换的工具
2019/04/14 Python
详解Python匿名函数(lambda函数)
2019/04/19 Python
numpy下的flatten()函数用法详解
2019/05/27 Python
Python 控制终端输出文字的实例
2019/07/12 Python
python [:3] 实现提取数组中的数
2019/11/27 Python
Python函数参数分类原理详解
2020/05/28 Python
快速了解Python开发环境Spyder
2020/06/29 Python
Python如何爬取51cto数据并存入MySQL
2020/08/25 Python
元宵节晚会主持人串词
2014/03/25 职场文书
住房抵押登记委托书
2014/09/27 职场文书
小学生通知书评语
2014/12/31 职场文书
离职告别感言
2015/08/04 职场文书
2016年暑期见闻作文
2015/11/25 职场文书
党员廉政准则心得体会
2016/01/20 职场文书