简单的时钟实现

来源:互联网 发布:#在mysql中的意思 编辑:程序博客网 时间:2024/05/17 08:05

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <title>简单的时间对象的演示</title>
 </head>
 <body onload="startTime()">
  <

  <script language=JavaScript>
   function startTime()
   {
    var today=new Date();
    var hour=today.getHours();
    var minutes=today.getMinutes();
    var second=today.getSeconds();
    
    hour=checkTime(hour);
    minutes=checkTime(minutes);
    second=checkTime(second);
    
    document.getElementById("timeShow").innerHTML="<font color=#aaaaaa><h1>"+hour+":"+minutes+":"+second+"</h1></font>";
    setTimeout("startTime()",1000);
   }
   
   function checkTime(i)
   {
    if(i<10)
    {
     i="0"+i;
    }
    return i;
   }
   

 

  </script>
  <p>简单的 动态时间的演示 </p>
  <br>
  <div id="timeShow" class="font-size:larger;font-style:normal;font-family:'Arial Black';color:#cccccc;"></div>
 </body>
</html>
 

原创粉丝点击