美文网首页
JavaScript时钟显示

JavaScript时钟显示

作者: 呆呆滴木木菇凉 | 来源:发表于2017-02-21 16:54 被阅读0次
    <!DOCTYPE html>
    <html>
    <head>
        <title>时钟显示</title>
    </head>
    <body onload="startTime()">
    <script type="text/javascript">
    function startTime()
    {
    var today=new Date()
    var h=today.getHours()
    var m=today.getMinutes()
    var s=today.getSeconds()
    // add a zero in front of numbers<10
    m=checkTime(m)
    s=checkTime(s)
    document.getElementById('txt').innerHTML=h+":"+m+":"+s
    t=setTimeout('startTime()',500)
    }
    
    function checkTime(i)
    {
    if (i<10) 
      {i="0" + i}
      return i
    }
    </script>
    <div id="txt"></div>
    </body>
    </html>
    

    相关文章

      网友评论

          本文标题:JavaScript时钟显示

          本文链接:https://www.haomeiwen.com/subject/hoyuwttx.html