JS如何动态显示时间?

JavaScript014

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>

<html>

<head>

<title>setTimeout()</title>

<style type="text/css">

input

{

font-size:30px

border-style:none

background-color:#ff8b3b

}

</style>

</head>

<body onLoad="disptime()">

<form name="myform" >

<table width="100%" border="0" align=center>

<tr>

<td width="37%"> </td>

<td width="41%"><h2>当前时间:<input name="myclock" type="text" value=" " size="10"></h2></td>

<td width="22%"> </td>

</tr>

</table>

</form>

</body>

</html>

<script type="text/javascript">

function disptime()

{

var time=new Date()

var hour=time.getHours()

var minute=time.getMinutes()

var second=time.getSeconds()

document.myform.myclock.value=hour+":"+minute+":"+second+" "

var myTime=setTimeout("disptime()",1000)

}

</script>

我刚刚写的