{ Html }

  • 简单数字时钟js

    | /
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43

    <!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>
    <title>exam time</title>
    <style>
    .time { font-size: 300pt; line-height: 200%; color:b;}
    </style>
    <script type="text/javascript">
    var getObj = function(id){
    if(!id){
    return false;
    }
    return document.getElementById(id);
    };
    <!-- Hiding
    var ctimer;

    function settimes(){

    var time= new Date();
    hours= time.getHours();
    mins= time.getMinutes();
    secs= time.getSeconds();
    if (hours<10)
    hours="0"+hours;
    if(mins<10)
    mins="0"+mins;
    if (secs<10)
    secs="0"+secs;
    getObj('tim1').innerHTML=hours+":"+mins+":"+secs
    ctimer=setTimeout('settimes()',960);
    }
    // Done hiding -->
    </script>
    <title>js data clock</title>
    </head>
    <body onload="settimes()">
    <!---->
    <!--<div class=time id=tim1 style="height: 500px; left: 300px; position: absolute; top: 100px; width: 500px"></div>-->
    <div class=time id=tim1 style="text-align:center"></div>
    </body>
    </html>