显示当前时间--小小迷你计时器-白红宇

显示当前时间--小小迷你计时器

阅读量：491 次

发布时间：2019-03-06

本文共 1241 字，大约阅读时间需要 4 分钟。


   
   
    
   
    
    
   
    
    <html>
    
   
    
    <head>
    
   
    
     
    
   
    
    <title>计时器</title>
    
   
    
    <script language="javascript">alert("ok");
    
   
    
    function disptime(){
    
   
    
        var time=new Date();
    
   
    
        var hour=time.getHours();
    
   
    
        var minute=time.getMinutes();
    
   
    
        var second=time.getSeconds();
    
   
    
        var apm="AM";
    
   
    
        if(hour>12){
    
   
    
            hour=hour-12;apm="PM"
    
   
    
        }
    
   
    
        if(minute<10){
    
   
    
            minute="0"+minute;
    
   
    
        }
    
   
    
        if(second<10){
    
   
    
            second="0"+second;
    
   
    
        }
    
   
    
        document.myform.myclock.value=hour+":"+minute+":"+second+""+apm;
    
   
    
        var myTime=setTimeout("disptime()",1000);
    
   
    
    
    </script>
    
   
    
    <STYLE type="text/css">
    
   
    
    input { font-size: 100px; color: #CC0000; border-style:none }
    
   
    
    </style>
    
   
    
    
    <body onLoad="disptime()">
    
   
    
    <center><form name="myform">
    
   
    
    <input  name="myclock" type="text" value="" />
    
   
    
    </form>
    
   
    
    </center>
    
   
    
    </body>
    
   
    
    </html>