最简单写一个年月日时分秒星期日历,倒计时时钟

  1. 云栖社区>
  2. 博客>
  3. 正文

最简单写一个年月日时分秒星期日历,倒计时时钟

cometwo123 2016-03-23 22:52:00 浏览2360
展开阅读全文
<div class="timenow"></div>
    function checktime(val) {
                if (val < 10) {
                    val = "0" + val;
                }
                return val
            }
            setInterval(function() {
                var tm = new Date();
                var xqj = "    今天是星期" + "日一二三四五六".charAt(new Date().getDay()); 
                var str = "" + tm.getFullYear() + "年";
                str += (tm.getMonth() + 1) + "月";
                str += tm.getDate() + "日";
                str += checktime(tm.getHours()) + ':';
                str += checktime(tm.getMinutes()) + ':';
                str += checktime(tm.getSeconds())+xqj;
                $(".timenow").text(str);
            }, 1000);

js倒计时代码

<!doctype html>
<html>

    <head>
        <meta charset="utf-8">
        <title>倒计时js代码</title>
        <style>
            * {
                margin: 0;
                padding: 0;
            }

            body {
                font-size: 16px;
                text-align: center;
                font-family: arial;
            }

            .time {
                margin-top: 10px;
                border: 1px solid red;
                height: 30px;
                padding: 2px;
                line-height: 30px;
            }
        </style>
    </head>

    <body>
        <div class="time">
            <span id="t_d">00天</span>
            <span id="t_h">00时</span>
            <span id="t_m">00分</span>
            <span id="t_s">00秒</span>
        </div>
        <script>
            setInterval(function() {
                var EndTime = new Date('2017/04/05 00:00:00');
                var NowTime = new Date();
                var t = EndTime.getTime() - NowTime.getTime();
                var d = 0;
                var h = 0;
                var m = 0;
                var s = 0;
                if (t >= 0) {
                    d = Math.floor(t / 1000 / 60 / 60 / 24);
                    h = Math.floor(t / 1000 / 60 / 60 % 24);
                    m = Math.floor(t / 1000 / 60 % 60);
                    s = Math.floor(t / 1000 % 60);
                }
                document.getElementById("t_d").innerHTML = d + "天";
                document.getElementById("t_h").innerHTML = h + "时";
                document.getElementById("t_m").innerHTML = m + "分";
                document.getElementById("t_s").innerHTML = s + "秒";
            }, 10);
        </script>

    </body>

</html>

网友评论

登录后评论
0/500
评论
cometwo123
+ 关注