JS如何动态显示时间？

JavaScript018

JS如何动态显示时间？,第1张

JS显示动态的日期时间，参考如下：

<body>  

<span id="localtime">2013-10-30 12:33:02  星期三</span>  

<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=\"red\">"  

    if  ( ww > 0 && ww < 6 )  colorhead="<font color=\"red\">"  

    if  ( ww==6 )  colorhead="<font color=\"red\">"  

    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>

网页中动态显示当前日期和时间是使用了js程序，方法如下：

将一下程序插入页面

<script language=Javascript>

  function time(){

    //获得显示时间的div

    t_div = document.getElementById('showtime')

   var now=new Date()

    //替换div内容

   t_div.innerHTML = "现在是"+now.getFullYear()

    +"年"+(now.getMonth()+1)+"月"+now.getDate()

    +"日"+now.getHours()+"时"+now.getMinutes()

    +"分"+now.getSeconds()+"秒"

    //等待一秒钟后调用time方法，由于settimeout在time方法内，所以可以无限调用

   setTimeout(time,1000)

  }

</script>

修改<body>为<body  onload="time()">以便js程序加载运行

插入<div id="showtime"></div>用以显示日期时间的容器。