限时团购倒计时实现-优快云博客

本文链接：https://blog.youkuaiyun.com/rudy24/article/details/51160257

html 代码清单：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>团购——限时抢</title>
    </head>
    <body>
        <div class="content3">
        <div class="time">还剩 <span id="LeftTime"></span></div>
        </div>
        <script>
            function timer(){
                var endTime = new Date("2016/5/15,12:20:12");//设置活动结束时间
                var nowTime = new Date();//当前时间
                var leftTime = parseInt((endTime.getTime() - nowTime.getTime())/1000);//得到总的秒数
                var days = parseInt(leftTime/(24*3600));//得到剩余天数
                var hours = parseInt((leftTime/3600)%24);//得到剩余小时
                var mins = parseInt((leftTime/60)%60);//得到剩余分钟
                var seconds = parseInt(leftTime%60);//得到剩余秒数
                var leftValue = document.getElementById("LeftTime");
                seconds = seconds < 10 ?"0" + seconds:seconds;//如果秒数小于10,就在就在剩余秒数前面加个0
                leftValue.innerHTML = days + "天" + hours + "小时" + mins + "分钟" + seconds + "秒";
                if(leftTime <= 0){
                    leftValue.innerHTML ="团购已结束";
                    clearInterval(sh);
                }
            }
            timer();
            sh = setInterval(timer,1000);
</script>
    </body>
</html>

原生js团购-限时购