js學習筆記之日期倒計時(天,時,分,秒)


<!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>

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM