首先,定义一个时间函数。如下:
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>