实践 - 限时抢购

时间 2020-01-12 标签实践限时抢购

3.学会计算时差的方法

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>团购——限时抢购</title>
</head>
<body>
    <div style="color: red;">抢购价:599</div>
    <div class="time">还剩 <span id="LeftTime"></span></div>
</body>
</html>

window.onload = function(){
            showTime();
        }
        function showTime(){
            var endtime = new Date("2017/8/29,22:19:59");//结束时间 
            var nowtime = new Date();//当前时间
            //parseInt()函数可解析一个字符串，并返回一个整数。
            var lefttime=  parseInt((endtime.getTime() - nowtime.getTime())/1000);  //（结束时间毫秒 - 当前时间毫秒)/1000  = 当前时间差 秒
            var d = parseInt(lefttime/(24*60*60));//总共的秒数除以一天的秒数等于多少天
            var h = parseInt(lefttime/(60*60)%24);//总共的秒数除以一小时的秒数等于剩余多少小时取模一天24时，取整为天数，取模为剩余当前小时
            var m = parseInt(lefttime/60%60);//总共的秒数除以一分钟秒数剩余多少秒，取模一分钟60秒，取整为小时，取模为分钟
            var s = parseInt(lefttime%60);//总共的秒数取模，取整为分钟，取模为毫秒；
            document.getElementById("LeftTime").innerHTML = d+ "天" + h + "时" + m + "分" + s + "秒";

            if(lefttime <= 0){//当前剩余毫秒小于0时，结束为0；
                document.getElementById("LeftTime").innerHTML = 0+ "天" + 0 + "时" + 0 + "分" + 0 + "秒";
            }
            

            setTimeout(showTime, 1000); //方法用于在指定的毫秒数后调用函数。
        }