使用js代码实现动态时间显示,效果如图:
页面html body中间放一个: <span id="gettime"></span>
js代码:
复制代码 代码示例:
<script type="text/
javascript">
function showtime() {
var str = "";
var time = new date();
var temp = time.tolocalestring();
var day = time.getday();
switch (day) {
case 1:
str = "星期一";
break;
case 2:
str = "星期二";
break;
case 3:
str = "星期三";
break;
case 4:
str = "星期四";
break;
case 5:
str = "星期五";
break;
case 6:
str = "星期六";
break;
case 0:
str = "星期天";
break;
}
document.getelementbyid("gettime").innerhtml = temp + " " + str;
settimeout(showtime, 1000);
}
onload = showtime;
</script>
js显示动态时间
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 直接得到系统动态时间 (脚本学堂 www.jb200.com 编辑整理)
复制代码 代码示例:
<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;
return(str);
}
function tick()
{
var today;
today = new date();
document.getelementbyid("localtime").innerhtml = showlocale(today);
window.settimeout("tick()", 1000);
}
tick();
</script>
<body>
<span id=localtime></span>
</body>
js动态时间代码
复制代码 代码示例:
<script language=javascript>
<!--
function showtime()
{
today=new date();
var year=today.getyear();
var month=today.getmonth()+1;
var day=today.getdate();
var hours = today.gethours();
var minutes = today.getminutes();
var seconds = today.getseconds();
var timevalue= hours;//((hours >12) ? hours -12 :hours);
timevalue += ((minutes < 10) ? ":0" : ":") + minutes+"";
//timevalue += (hours >= 12) ? "pm" : "am";
timevalue+=((seconds < 10) ? ":0" : ":") + seconds+"";
var timetext=year+"-"+month+"-"+day+" "+timevalue
//document.write("<span onclick="document.getelementbyid('time').value='"+timetext+"'">"+timetext+"</span>");
document.getelementbyid("liveclock").innertext = timetext; //div的html是now这个字符串
settimeout("showtime()",1000); //设置过1000毫秒就是1秒,调用showtime方法
}
-->
</script>
<script language="javascript">
window.onload=function(){
showtime();
}
</script>
当前时间:<span id="liveclock"></span>