javascript商城网站商品秒杀倒计时

本文介绍如何使用javascript制作商城网站商品秒杀倒计时效果.

主要js代码与解析

<script type="text/javascript">
        //定义秒杀结束时间
        var endTime = new Date("2045-7-1 10:0:0");
        var endSeconds = endTime.getTime();
        //获取从1970-01-01 00:00:00距离Date对象所表示时间的毫秒数 
        var d = h = m = s = 0;
        //天，小时，分钟，秒
        var timer = null; //定时器

        //秒杀函数
        function secKill() {
            //获取当前时间对象
            var nowTime = new Date();
            var nowSeconds = nowTime.getTime();
            //当前时间与秒杀时间的差
            var t = (endSeconds - nowSeconds) / 1000;
            //单位是秒
            if (t > 0) {
                //计算剩余天数
                d = parseInt(t / 60 / 60 / 24);
                //计算剩余小时数
                h = parseInt(t / 60 / 60 % 24);
                //计算剩余分钟数
                m = parseInt(t / 60 % 60);
                //计算剩余秒数
                s = parseInt(t % 60);
                //console.log("距离秒杀时间：" + d + "天" + h + "小时" + m + "分钟" + s + "秒");
                document.getElementById("miaosha").innerText = "距离秒杀时间：" + d + "天" + h + "小时" + m + "分钟" + s + "秒";
            }
            else {
                clearInterval(timer);
                d = h = m = s = "00";
            }
        }
        timer = setInterval(secKill, 1000);
			
    </script>