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调用WebService的示例
Apr 07 Javascript
javascript 写类方式之五
Jul 05 Javascript
js 优化次数过多的循环 考虑到性能问题
Mar 05 Javascript
javascript获取web应用根目录的方法
Feb 12 Javascript
js判断当页面无法回退时关闭网页否则就history.go(-1)
Aug 07 Javascript
JQuery选择器、过滤器大整理
May 26 Javascript
小巧强大的jquery layer弹窗弹层插件
Dec 06 Javascript
深入理解JavaScript中的call、apply、bind方法的区别
May 30 Javascript
Vue实现选择城市功能
May 27 Javascript
webpack4.x下babel的安装、配置及使用详解
Mar 07 Javascript
vue-cli3使用 DllPlugin 实现预编译提升构建速度
Apr 24 Javascript
解决antd Form 表单校验方法无响应的问题
Oct 27 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
摩卡咖啡
2021/03/03 咖啡文化
用户的详细注册和判断
2006/10/09 PHP
我的论坛源代码(十)
2006/10/09 PHP
php抓取网站图片并保存的实现方法
2015/10/29 PHP
php打包网站并在线压缩为zip
2016/02/13 PHP
浅谈PHP发送HTTP请求的几种方式
2017/07/25 PHP
Laravel框架实现调用百度翻译API功能示例
2019/05/30 PHP
在页面上点击任一链接时触发一个事件的代码
2007/04/07 Javascript
JavaScript中两个感叹号的作用说明
2011/12/28 Javascript
js返回上一页并刷新代码整理
2012/12/21 Javascript
jquery.qrcode在线生成二维码使用示例
2013/08/21 Javascript
JsRender实用入门教程
2014/10/31 Javascript
JavaScript实现列出数组中最长的连续数
2014/12/29 Javascript
使用命令对象代替switch语句的写法示例
2015/02/28 Javascript
JavaScript中继承用法实例分析
2015/05/16 Javascript
Javascript基础知识盲点总结之函数
2016/05/15 Javascript
基于jQuery实现多标签页切换的效果(web前端开发)
2016/07/24 Javascript
vue的props实现子组件随父组件一起变化
2016/10/27 Javascript
深入理解JS继承和原型链的问题
2016/12/17 Javascript
Vue中使用create-keyframe-animation与动画钩子完成复杂动画
2019/04/09 Javascript
LayUI switch 开关监听 获取属性值、更改状态的方法
2019/09/21 Javascript
vue实现输入一位数字转汉字功能
2019/12/13 Javascript
[02:28]DOTA2 2015国际邀请赛中国区预选赛首日现场百态
2015/05/26 DOTA
[44:33]EG vs Liquid 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
简单谈谈Python流程控制语句
2016/12/04 Python
HTML5 Canvas之测试浏览器是否支持Canvas的方法
2015/01/01 HTML / CSS
土耳其风格手工珠宝:Ottoman Hands
2019/07/26 全球购物
厨房工作人员岗位职责
2013/11/15 职场文书
车祸赔偿收入证明
2014/01/09 职场文书
逃课上网检讨书
2014/02/20 职场文书
质量保证书范本
2014/04/29 职场文书
建筑质检员岗位职责
2015/04/08 职场文书
银行柜员优质服务心得体会
2016/01/22 职场文书
python 利用 PIL 将数组值转成图片的实现
2021/04/12 Python
详解MySQL事务的隔离级别与MVCC
2021/04/22 MySQL
Python使用pandas导入csv文件内容的示例代码
2022/12/24 Python