JavaScript动态实时显示时间的脚本(2013最新版)

发布时间:2020-12-27编辑:脚本学堂
本文介绍下,用js代码实现页面上动态显示时间的方法,是动态显示,不是只显示一次就静止的那种哦。有需要的朋友,参考下吧。

首先,定义一个时间函数。如下:

function Time() 
{ if (!document.layers&&!document.all)
return //由于IE与Netscape对javascript的解释不同,造成浏览的效果不同,所以要分别写代码。这句话判断一下用户所使用的浏览器,如果两者都不是,就返回。
var timer=new Date() //定义一个新的变量,名字为timer,为一个新的Date的对象。
var hours=Timer.getHours()
var minutes=Timer.getMinutes()
var seconds=Timer.getSeconds() //分别定义3个变量,获得当前“小时”,“分钟”,“秒”的值。
var noon="AM" if (hours>12)
{ noon="PM" hours=hours-12 }
if (hours==0)
hours=12 //定义一个名为“noon”的变量,当“小时”数大于12时,其值为PM,同时所得值减12;当“小时”数小于12时,其值为AM。
if (minutes<=9)
minutes="0"+minutes
if (seconds<=9)
seconds="0"+seconds //如果“分钟”数或“秒”数小于9,则在前面加一个“0”。
myclock="<font color=blue>" +hours+":"+minutes+":" +seconds+" "+noon+"</b></font>" //用一个新变量把“小时,分,秒”结合起来。
if (document.layers)
{ document.layers.position.
document.write(myclock)
document.layers.position.document.close() } //如果浏览器是Netscape,就输出myclock,同时用于IE的代码就停止执行。
else if (document.all)
position.innerHTML=myclock //否则,浏览器是IE,就输出myclock。
setTimeout("Time()",1000) //每1000毫秒,调用一次Time函数,即一秒动一次。
onload="Time()" //页面装载时,调用Time()函数。

完整代码:

<html> 
<body> 
<span id="position" style="position:absolute;left:441px;top:190px; width: 128px; height: 30px"></span> 
</body> 
</html> 
<script language="JavaScript"> 
<!-- 
function Time(){ 
if (!document.layers&&!document.all) 
return; 
var Timer=new Date() 
var hours=Timer.getHours() 
var minutes=Timer.getMinutes() 
var seconds=Timer.getSeconds() 
var noon="AM" 
if (hours>12){ 
noon="PM" 
hours=hours-12 
} 
if (hours==0) 
hours=12; 
if (minutes<=9) 
minutes="0"+minutes; 
if (seconds<=9) 
seconds="0"+seconds; 

//change font size here to your desire 
myclock="<font size='4' face='Arial' color=blue>"+hours+":"+minutes+":"+seconds+" "+noon+"</b></font>" ; 
if (document.layers){ 
document.layers.position.document.write(myclock) ; 
document.layers.position.document.close() ; 
} 
else if (document.all) { 
position.innerHTML=myclock; 
setTimeout("Time()",1000) 
} 
} 
Time(); 
//--> 
</script>

最简单的显示日期的方式,如下:

<script language=Javascript>   
var now=new Date()   
document.write("现在是"+now.getYear()+"年"+(now.getMonth()+1)+"月"+now.getDate()+"日"+now.getHours()+"时"+now.getMinutes()+"分"+now.getSeconds()+"秒")   
</script>