zoukankan      html  css  js  c++  java
  • js——倒计时

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>我的倒计时</title>
    </head>
    <body>
    <h2>当前时间:</h2>
    <p id="thisTime"></p>
    <h2>距离2016/09/10  10:00还有:</h2>
    <p id="countDown"><p/>
    <script type="text/javascript">
        window.onload = function () {//在dom文档树加载完和所有文件加载完之后执行一个函数
            timer({
                currentTime: true,
                objId: 'thisTime'
            });
            timer({
                objId: 'countDown',
                endtime: "2016/9/1,18:00"
            })
        };
        function timer(a) {  
            if (a.currentTime) {
                var now = new Date();
                var year = now.getFullYear();//返回年份(4位数字)
                var month = now.getMonth() + 1;//返回月份(0-11,所以+1)
                var day = now.getDate();//返回某天(1-31)
                var h = now.getHours();//返回小时(0-23)
                var m = now.getMinutes();//返回分钟(0-59)
                var s = now.getSeconds();//返回秒数(0-59)
                //补O
                m = m < 10 ? '0' + m : m;
                s = s < 10 ? '0' + s : s;
                var weekday = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'];
                document.getElementById(a.objId).innerHTML = year + '年' + month + '月' + day + '日' + weekday[now.getDay()] + '   ' + h + ':' + m + ':' + s;
                setTimeout(function () {
                    timer(a)
                }, 1000);
            } else {
                var endtime = new Date(a.endtime);//结束时间
                var nowtime = new Date();//当前时间
                var lefttime = parseInt((endtime.getTime() - nowtime.getTime()) / 1000); //计算差的秒数
                //一天24小时  一小时60分钟  一分钟60秒
                d = parseInt(lefttime / 3600 / 24);
                h = parseInt((lefttime / 3600) % 24);
                m = parseInt((lefttime / 60) % 60);
                s = parseInt(lefttime % 60);
                document.getElementById(a.objId).innerHTML = d + "天" + h + "小时" + m + "分" + s + "秒";
                if (lefttime > 0) {
                    setTimeout(function () {
                        timer(a)
                    }, 1000);
                }
            }
        }
    
    </script>
    </body>
    </html>

    运行效果:

  • 相关阅读:
    oracle的commit
    struts2 Action 接收参数的三种方法
    git -速查表
    Windows 手动创建 服务
    Linux 上 安装 composer
    Class文件解析
    Java 从数据库中查找信息导入Excel表格中
    将Java Web项目部署到远程主机上
    Java8 map和reduce
    group By 和 Union 、 Union all的用法
  • 原文地址:https://www.cnblogs.com/zhengyeye/p/5627499.html
Copyright © 2011-2022 走看看