zoukankan      html  css  js  c++  java
  • js实现时钟

    <HTML>
    <HEAD>
    <TITLE>时间日期篇--显示时钟</TITLE>
    <meta charset="utf-8">
    </HEAD>

    <BODY bgcolor="#fef4d2" onload=showclock() >
    <br>
    <div id="clock"></div>
    <script>
    function changeClock()
    {
        var d = new Date();
        var year=d.getFullYear();
        var month=d.getMonth()+1;
        if(month<10){
            month="0"+month;
        }
        var day=d.getDate();
        if(day<10){
            day="0"+day;
        }
        
        var hours=d.getHours();
        var dn="AM";
        if(hours>12){
            dn="PM";
            hours=hours-12;
        }else if(hours==0){
            hours=12;
        }
        var minute=d.getMinutes();
        if(minute<10){
            minute="0"+minute;
        }
        var seconds=d.getSeconds();
        if(seconds<10){
            seconds="0"+seconds;
        }
         document.getElementById("clock").innerHTML=year+"-"+month+"-"+day+"   "+hours+":"+minute+":"+seconds+"  "+dn;
       // document.getElementById("clock").innerHTML = d.getFullYear() + "-" + (d.getMonth() + 1) + "-" + d.getDate() + " " + d.getHours() + ":" + d.getMinutes() + ":" + d.getSeconds();
        
    }


    window.setInterval(changeClock,1000);
    </script>
    </BODY>

    </HTML>

  • 相关阅读:
    Configuration Management
    Android Hooking
    技术趋势总结
    Maven Repo Mirror
    拥抱JAVA
    NPM 更新所有依赖项
    Knockout Mvc Compoment FrameSet With Typescript
    Knockoutjs Component问题汇总
    前端编码规范文档
    优秀程序设计的18大原则
  • 原文地址:https://www.cnblogs.com/gwq369/p/5508412.html
Copyright © 2011-2022 走看看