JavaScript网页中动态显示时间

阅读: 评论:0

JavaScript网页中动态显示时间

JavaScript网页中动态显示时间

本人网站:/
本文着重介绍一下如何在网页中使用JavaScript添加动态时间方法

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格式日期时间的固定时间值

具体实现请看实验室:/

代码:

<html><head><title>网页中动态的显示系统日期时间</title><script language="JavaScript">function startTime()   {   var today=new Date();//定义日期对象   var yyyy = FullYear();//通过日期对象的getFullYear()方法返回年    var MM = Month()+1;//通过日期对象的getMonth()方法返回年    var dd = Date();//通过日期对象的getDate()方法返回年     var hh&#Hours();//通过日期对象的getHours方法返回小时   var mm&#Minutes();//通过日期对象的getMinutes方法返回分钟   var ss&#Seconds();//通过日期对象的getSeconds方法返回秒   // 如果分钟或小时的值小于10,则在其值前加0,比如如果时间是下午3点20分9秒的话,则显示15:20:09   MM=checkTime(MM);dd=checkTime(dd);mm=checkTime(mm);   ss=checkTime(ss);    var day; //用于保存星期(getDay()方法得到星期编号)Day()==0)   day   =   "星期日 " Day()==1)   day   =   "星期一 " Day()==2)   day   =   "星期二 " Day()==3)   day   =   "星期三 " Day()==4)   day   =   "星期四 " Day()==5)   day   =   "星期五 " Day()==6)   day   =   "星期六 " ElementById('nowDateTimeSpan').innerHTML=yyyy+"-"+MM +"-"+ dd +" " + hh+":"+mm+":"+ss+"   " + day;   setTimeout('startTime()',1000);//每一秒中重新加载startTime()方法 }   function checkTime(i)   {   if (i<10){i="0" + i;}   return i;}  </script></head><body onload="startTime()">当前时间:<font color="#33FFFF"><span id="nowDateTimeSpan"></span></font> </body>
</html>

截图实例:

具体请看:/

本文发布于:2024-02-05 01:47:05,感谢您对本站的认可!

本文链接:https://www.4u4v.net/it/170721249661902.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

上一篇:iMuseum
标签:网页   时间   动态   JavaScript
留言与评论(共有 0 条评论)
   
验证码:

Copyright ©2019-2022 Comsenz Inc.Powered by ©

网站地图1 网站地图2 网站地图3 网站地图4 网站地图5 网站地图6 网站地图7 网站地图8 网站地图9 网站地图10 网站地图11 网站地图12 网站地图13 网站地图14 网站地图15 网站地图16 网站地图17 网站地图18 网站地图19 网站地图20 网站地图21 网站地图22/a> 网站地图23