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

    <!doctype html>
    <html>
    <head>
        <meta charset="utf-8">
        <title>JS实现倒计时(时、分,秒)</title>
        <script>
            function ShowCountDown(divname)
            {
                var now = new Date();
                
                var year = now.getFullYear();
                var month = now.getMonth()+1;
                var day = now.getDate();    //获取天数
                var hour = parseInt(now.getHours());
                var minuttes = now.getMinutes();
                
                var end_hour = 10;
                
                if(hour<10){
                    end_hour = 10;
                }else if(hour<16){
                    end_hour = 16;
                }else if(hour>16){
                    day = day + 1;
                    end_hour = 10;
                }
    
                var str = year +"-"+ month + "-" + day +" "+end_hour+ ":00:00";
                var leftTime = Date.parse(str) - now.getTime();
                
                var hh = parseInt(leftTime / 1000 / 60 / 60 % 24, 10);//计算剩余的小时数
                var mm = parseInt(leftTime / 1000 / 60 % 60, 10);//计算剩余的分钟数
                var ss = parseInt(leftTime / 1000 % 60, 10);//计算剩余的秒数
                hh = checkTime(hh);
                mm = checkTime(mm);
                ss = checkTime(ss);//小于10的话加0
                var cc = document.getElementById(divname);
                cc.innerHTML =  hh + ":" + mm + ":" + ss + "";
            }
            function checkTime(i)
            {
                if (i < 10) {
                    i = "0" + i;
                }
                return i;
            }
            window.setInterval(function(){ShowCountDown('countdown');}, 1000);
            //window.setTimeout(function(){ShowCountDown('countdown');}, 1000);
        </script>
    </head>
    <body>
    <div id="countdown"></div>
    </body>
    </html>
  • 相关阅读:
    多线程
    异常
    接口
    多态
    对象和封装
    DIV+CSS命名规范集合
    MySql 最新官方安装教程-下载
    乐嘉性格色彩-4色特性,学习感悟
    Eclipse 的常用快捷方式
    学习方法_2011年编写和锻炼的思维题
  • 原文地址:https://www.cnblogs.com/yuwensong/p/6033243.html
Copyright © 2011-2022 走看看