javascript 实现时钟

<script language=javascript> setInterval("funtime()", 1000);function funtime()
{
 var datetime=new Date;
 var h=datetime.getHours();
 var mi=datetime.getMinutes();
 var s=datetime.getSeconds(); document.write(h+":"+mi+":"+s); }
</script>我的秒数为什么不动 求各位高手帮帮忙！

解决方案 »

  1.   


    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
     <HEAD>
    <TITLE> New Document </TITLE>
    <script language=javascript>
    function funtime() {
     var datetime=new Date;
     var h=datetime.getHours();
     var mi=datetime.getMinutes();
     var s=datetime.getSeconds(); var times = (h+":"+mi+":"+s);
    document.getElementById("names").value= times;
    setTimeout("funtime()",1000);
    }
    setTimeout("funtime()",1000);</script> </HEAD> <BODY>
      <input type="text" id="names" style="width:300px;">
     </BODY>
    </HTML>
      

  2.   

    如果页面已经加载完毕document.write();方法会破坏文档结构。<span id="span_time"></span>
    <script>
    setInterval("funtime()", 1000);function funtime() {
    var datetime = new Date;
    var h = datetime.getHours();
    var mi = datetime.getMinutes();
    var s = datetime.getSeconds();
    document.getElementById("span_time").innerHTML = h+":"+mi+":"+s;
    }</script>
      

  3.   


    <html xmlns="http://www.w3.org/1999/xhtml">
    <title>无标题文档</title>
    <script language='javascript'> setInterval(function(){
     var datetime=new Date();
     var h=datetime.getHours();
     var mi=datetime.getMinutes();
     var s=datetime.getSeconds(); //document.write(h+":"+mi+":"+s);
    document.getElementById("div1").innerHTML=h+":"+mi+":"+s;
    }, 1000);</script><div id="div1"></div></html>