js倒计时

完整代码如下：
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>时间倒计时</title>
    <style>
        div{
            margin: 100px auto;
            font: bold 60px '微软雅黑';
            text-align: center;
        }
    </style>
</head>
<body>
<script>
    function t( n ) {
        if( n > 9 ){
            return n;
        }else{
            return "0"+n;
        }
    }
    // year, month, day 设定的年月日
    // divId  显示的容器Id
    // getTime( ) 返回距 1970 年 1 月 1 日之间的毫秒数
    function timer ( year, month, day, divId ) {
        var nowDate = new Date();   //现在的时间
        var endDate = new Date( year, month-1, day );    //设定的时间
        var cerDate = endDate.getTime() - nowDate.getTime();  //设定的时间和现在相差多少毫秒
        var cerTime = parseInt(cerDate / 1000);  //设定的时间和现在相差多少秒
        var dd = Math.floor( cerTime /(60*60*24));  //设定的时间和现在相差多少天
        var hour = Math.floor( (cerTime - dd *60*60*24)/3600);  //设定的时间和现在相差多少小时
        var minute = Math.floor( (cerTime - dd *60*60*24 - hour * 60*60)/60);  //设定的时间和现在相差多少分
        var second = Math.floor( (cerTime - dd *60*60*24 - hour * 60*60 - minute *60) );
        var ms  = Math.floor(parseInt(cerDate / 10)%60);  // 自定义的毫秒（读秒）

        var oDiv = document.getElementById( divId );
        oDiv.innerHTML = "<p>距离"+ t( year )+ "年"+ t(month)+"月"+ t(day)+"日<br>还有：</p><p>"+ t(dd)+"天"+t(hour)
            +"时"+t(minute)+"分"+t(second)+"："+ t(ms)+ "</p>";

    }
    window.setInterval(function(){
        timer( 2017, 11, 6, "txt")
    },10)
</script>
<div id="txt"></div>
</body>
</html>
效果图：
posted on 2017-06-14 17:34 梦幻飞雪阅读(115) 评论(0) 编辑收藏举报