谁来帮我写一段我想实现效果的代码?

先动态的显示时分秒 比如16点05分22秒(22秒 23秒 10秒.....)
接着用"."分别显示时分秒,比如;
小时................(现在是16点就显示16个"." 17点的时候要动态的再加一个".")
分钟.....(现在是05分就显示5个".",06分的时候要动态的再加一个".")
秒..........(现在是10秒就显示10个".",11秒就再加一个".",等等,60秒就清除)代码最好简洁点,不要写的很复杂,输出格式代码最好不要写,越简单越好,我看的舒服.

解决方案 »

  1.   


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题文档</title>
     <script type="text/javascript">
      setInterval(newDate,1000);
        function newDate(){
          var date=new Date();
          var h=date.getHours();
          var m=date.getMinutes();
          var s=date.getSeconds();
          var str=h+"点"+m+"分"+s+"秒<br/>";
          for(var i=0;i<h;i++){
          str+=".";
          }
          str+="<br/>";
          for(var i=0;i<m;i++){
          str+=".";
          }
          str+="<br/>";
          for(var i=0;i<s;i++){
          str+=".";
          }
          document.all("show").innerHTML=str;
         }
     </script>
    </head>
    <body>
     <div id="show"></div>
    </body>
    </html>
      

  2.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    <script type="text/javascript">
    function showTime() {
    var t = new Date();
    var h = t.getHours();
    var m = t.getMinutes();
    var s = t.getSeconds();
    document.getElementById('t').innerHTML = h + ':' + m + ':' + s;
    var strH = strM = strS = '';
    if (h > 0) {
    for (i = 0; i < h; i ++) strH += '.';
    }
    if (m > 0) {
    for (i = 0; i < m; i ++) strM += '.';
    }
    if (s > 0) {
    for (i = 0; i < s; i ++) strS += '.';
    }
    document.getElementById('h').innerHTML = strH;
    document.getElementById('m').innerHTML = strM;
    document.getElementById('s').innerHTML = strS;
    }
    window.onload = function() {
    setInterval("showTime()", 1000);
    }
    </script>
    </head><body>
    <p id="t"></p>
    <p id="h"></p>
    <p id="m"></p>
    <p id="s"></p>
    </body>
    </html>
      

  3.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题文档</title></head>
    <body>
     <div id="show"></div>
     <script type="text/javascript">
    window.onload = function(){
    function n(){
    var a=new Date().toLocaleString().split(/[^\d|\s]/),
    b = function(n){
    return new Array(n+1).join('.')+'<br>';
    };
    document.getElementById('show').innerHTML = [a[3],'时',a[4],'分',a[5],'秒<br>',b(~~a[3]),b(~~a[4]),b(~~a[5])].join('');
    }
    setInterval(n,1000);
    }  
     </script> 
    </body>
    </html>