javascript显示时间的方法:1、使用“new date()”定义日期对象;2、使用日期对象的getfullyear()、getmonth()等方法获取年月日时分秒值并输出;3、用settimeout()方法一秒钟刷新一次时间值即可。
本教程操作环境:windows7系统、javascript1.8.5版、dell g3电脑。
javascript动态显示时间的实现代码:
<html> <head> <title>网页中动态的显示系统日期时间</title> <script language="javascript"> function starttime() { var today=new date();//定义日期对象 var yyyy = today.getfullyear();//通过日期对象的getfullyear()方法返回年 var mm = today.getmonth()+1;//通过日期对象的getmonth()方法返回年 var dd = today.getdate();//通过日期对象的getdate()方法返回年 var hh=today.gethours();//通过日期对象的gethours方法返回小时 var mm=today.getminutes();//通过日期对象的getminutes方法返回分钟 var ss=today.getseconds();//通过日期对象的getseconds方法返回秒 // 如果分钟或小时的值小于10,则在其值前加0,比如如果时间是下午3点20分9秒的话,则显示15:20:09 mm=checktime(mm); dd=checktime(dd); mm=checktime(mm); ss=checktime(ss); var day; //用于保存星期(getday()方法得到星期编号) if(today.getday()==0) day = "星期日 " if(today.getday()==1) day = "星期一 " if(today.getday()==2) day = "星期二 " if(today.getday()==3) day = "星期三 " if(today.getday()==4) day = "星期四 " if(today.getday()==5) day = "星期五 " if(today.getday()==6) day = "星期六 " document.getelementbyid('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()" style="background-color: #000000;color: white;"> 当前时间:<font color="#33ffff"><span id="nowdatetimespan"></span></font> </body></html>
效果图:
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格式日期时间的固定时间值
【推荐学习:javascript高级教程】
以上就是javascript怎么动态显示时间的详细内容。