首页 > Web开发 > 详细

js学习笔记之日期倒计时(天,时,分,秒)

时间:2016-07-11 18:49:33      阅读:156      评论:0      收藏:0      [点我收藏+]
<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>JS实现倒计时(时、分,秒)</title>
    <script>
        function ShowCountDown(year,month,day,divname)
        {
            var now = new Date();
            var endDate = new Date(year, month, day);
            var leftTime=endDate.getTime()-now.getTime();
            var dd = parseInt(leftTime / 1000 / 60 / 60 / 24, 10);//计算剩余的天数
            var hh = parseInt(leftTime / 1000 / 60 / 60 % 24, 10);//计算剩余的小时数
            var mm = parseInt(leftTime / 1000 / 60 % 60, 10);//计算剩余的分钟数
            var ss = parseInt(leftTime / 1000 % 60, 10);//计算剩余的秒数
            dd = checkTime(dd);
            hh = checkTime(hh);
            mm = checkTime(mm);
            ss = checkTime(ss);//小于10的话加0
            var cc = document.getElementById(divname);
            cc.innerHTML = "距离" + year + "" + month + "" + day + "日还有:" + dd + "" + hh + "小时" + mm + "" + ss + "";
        }
        function checkTime(i)
        {
            if (i < 10) {
                i = "0" + i;
            }
            return i;
        }
        window.setInterval(function(){ShowCountDown(2020,11,11,countdown);}, 1000);
    </script>
</head>
<body>
<div id="countdown"></div>
</body>
</html>

 

js学习笔记之日期倒计时(天,时,分,秒)

原文:http://www.cnblogs.com/nightstarsky/p/5661223.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!