zoukankan      html  css  js  c++  java
  • JS倒计时和当前时间

    倒计时

    <!DOCTYPE html>
    <html>

    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>

    <body>
        <h1>倒计时:<div id="djs"></div>
        </h1>
        <script>
            var djs = document.getElementById("djs")
            setInterval(function countDown() {
                var nowTime = +new Date();
                var futureTime = +new Date('2020-04-02 23:20:00');
                var times = (futureTime - nowTime) / 1000;
                var d = parseInt(times / 60 / 60 / 24);
                d = d < 10 ? '0' + d : d;
                var h = parseInt(times / 60 / 60 % 24);
                h = h < 10 ? '0' + h : h;
                var m = parseInt(times / 60 % 60);
                m = m < 10 ? '0' + m : m;
                var s = parseInt(times % 60);
                s = s < 10 ? '0' + s : s;
                var t = d + '天' + h + '时' + m + '分' + s + '秒';
                document.getElementById("djs").innerHTML = t;
            }, 500);
        </script>
    </body>

    </html>

    当前时间

    <body>
        <div id="Date"></div>
        <script type="text/javascript"> 
            setInterval(function(){   
            var date = new Date();   
            var year = date.getFullYear();    //获取当前年份   
            var mon = date.getMonth()+1;      //获取当前月份   
            var da = date.getDate();          //获取当前日   
            var day = date.getDay();          //获取当前星期几   
            var h = date.getHours();          //获取小时   
            var m = date.getMinutes();        //获取分钟   
            var s = date.getSeconds();        //获取秒   
            var d = document.getElementById('Date');    
              d.innerHTML='当前时间:'+year+'年'+mon+'月'+da+'日'+'星期'+day+' '+h+':'+m+':'+s;  
            },1000)
        </script>
  • 相关阅读:
    PHP微信墙制作
    SSM框架构建多模块之业务拆分实践
    系统设计和系统划分有定律可循
    说说application/x-www-form-urlencoded和application/json的区别
    记一次Eclipse关于JDK和JRE的问题
    SVN和Git的比较
    程序员枪击事件引发的背后思考
    高性能JavaScript之加载和执行
    业务拆分的思考
    谈谈运维人员谨慎操作系统环境和管理
  • 原文地址:https://www.cnblogs.com/majestyking/p/12623563.html
Copyright © 2011-2022 走看看