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>
  • 相关阅读:
    Hadoop源代码分析
    Java中如何把两个数组合并为一个
    数据库死锁的解决办法
    Java程序中解决数据库超时与死锁
    mysql 死锁检查
    JDBC事务和数据库事务嵌套的讨论 .
    嵌套事务和事务保存点的错误处理
    java string常见操作题
    java基本数据类型包装类
    java string
  • 原文地址:https://www.cnblogs.com/majestyking/p/12623563.html
Copyright © 2011-2022 走看看