倒计时,js

简介: JS实现倒计时(时、分,秒) function ShowCountDown(divname) { var now = new Date(); var year = now.
<!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>

 

目录
相关文章
|
19天前
|
前端开发 JavaScript
HTML+CSS+JS 倒计时动画效果
HTML+CSS+JS 倒计时动画效果
|
2月前
|
JavaScript 前端开发
JavaScript解决生日倒计时的问题
JavaScript解决生日倒计时的问题
20 0
|
2月前
|
JavaScript 前端开发
JavaScript编写一个倒计时
JavaScript编写一个倒计时
19 0
|
2月前
|
JavaScript
JS利用时间戳倒计时案例
JS利用时间戳倒计时案例
|
2月前
|
JavaScript 前端开发 小程序
element 订单列表中 实现多个倒计时(vue+js)
element 订单列表中 实现多个倒计时(vue+js)
|
2月前
|
移动开发 JavaScript 前端开发
分享75个JS特效倒计时,总有一款适合您
分享75个JS特效倒计时,总有一款适合您
52 0
|
2月前
h5+JavaScript实现一个倒计时功能
h5+JavaScript实现一个倒计时功能
|
2月前
|
JavaScript
实现一个网页同时调用多个倒计时 jquery/js
实现一个网页同时调用多个倒计时 jquery/js
|
2月前
|
JavaScript
JS倒计时
JS倒计时