js显示动态时间的方法详解
作者：xiangqian0505 时间：2024-05-05 09:12:35
本文实例讲述了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>
运行效果如下图所示：
希望本文所述对大家JavaScript程序设计有所帮助。
0
投稿猜你喜欢
gchart：基于google图表API的jquery组件全攻略：1、入门
详解Python中的format格式化函数的使用方法
分享一个超好用的php header下载函数
解决vue中less的使用问题
python读取浮点数和读取文本文件示例
WIn10+Anaconda环境下安装PyTorch(避坑指南)
定位？浮动？自适应？
使用Python实现 学生学籍管理系统
SQLServer中的切割字符串SplitString函数
Python3简单爬虫抓取网页图片代码实例
python (logging) 日志按日期、大小回滚的操作
PHP使用GIFEncoder类生成gif动态滚动字幕
vscode安装rainbow-fart（鼓励师）插件
MySQL数据库的约束限制详解
深入学习python的yield和generator
asp统计在线人数是实时的吗？
mysql myisam优化设置
javascript canvas实现雨滴效果
Python实现Keras搭建神经网络训练分类模型教程
