12-JavaScript 倒计时代码 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>倒计时</title>
    <script>
        window.onload = function(){
            var oDiv = document.getElementById("div1");
            function fnTimer(){
                // 定义当前时间，实际开发中，通过ajax读取后台的时间
                var sNow = new Date();
                //定义未来时间，4月30日24点，就是5月1号零点
                var sFuture = new Date(2019,3,30,24,0,0);

                //两个时间相减得到一个时间差，单位是毫秒，转成秒，再转成整数
                var sLeft = parseInt((sFuture - sNow)/1000);
                //计算还剩多少天，转成整数，只取小数点前面的部分
                var iDays = parseInt(sLeft/86400);
                // 计算还剩多少小时
                var iHours = parseInt(sLeft%86400/3600);
                //计算分钟
                var iMin = parseInt(((sLeft%86400)%3600)/60);
                //计算秒,下面两句都可以，结果相同
                // var iSec = ((sLeft%86400)%3600)%60
                var iSec = sLeft%60;
                
                var sTr = "距离5月1日还剩："+iDays+"天"+fnTodouble(iHours)+"时"+fnTodouble(iMin)+"分"+fnTodouble(iSec)+"秒";

                oDiv.innerHTML = sTr
            }

            fnTimer()
            setInterval(fnTimer,1000)

            function fnTodouble(n){
                if(n<10){return '0'+ n;}
                else{return n}
            }

        }
    </script>
    <style>
        div{
            text-align: center;
            font-size: 30px;
            color: pink;
        }
    </style>
</head>
<body>
    <div id="div1"></div>
</body>
</html>

 

posted @ 2019-03-20 02:39  greenfan  阅读(91)  评论(0)    收藏  举报