倒计时效果显示

<!DOCTYPE html>
<html>
<head>
    <title>倒计时效果显示</title>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
    <script type="text/javascript" src="https://code.jquery.com/jquery.js"></script>
    <script type="text/javascript">
    $(document).ready(function() {
        var interval = 1000;
        function ShowCountDown(year,month,day,divname)
        {
            function checkTime(i) {
                if (i<10) {
                    i="0"+i;
                }
                return i;
            }
            var now = new Date();
            var endDate = new Date(year, month-1, day);
            var leftTime=endDate.getTime()-now.getTime();
            var leftsecond = parseInt(leftTime/1000);
            var day1=Math.floor(leftsecond/(60*60*24));
            var hour=Math.floor((leftsecond-day1*24*60*60)/3600);
            var minute=Math.floor((leftsecond-day1*24*60*60-hour*3600)/60);
            var second=Math.floor(leftsecond-day1*24*60*60-hour*3600-minute*60);
            hour=checkTime(hour);
            minute=checkTime(minute);
            second=checkTime(second);
            var cc = document.getElementById(divname);
            cc.innerHTML = "仅剩:"+day1+"天"+hour+"小时"+minute+"分"+second+"秒";
        }
        window.setInterval(function(){ShowCountDown(2015,9,20,'showTime');}, interval);
    })
    </script>
</head>
<body>
<p id="showTime">仅剩:0天02小时00分15秒</p>
</body>
</html>

原文地址:https://www.cnblogs.com/maxiaodan/p/4776421.html