js京东倒计时思路代码

html代码

<div class="left jdms1" style="display: block;">
                    <h4>京东秒杀</h4>
                    <p class="text"><span>22:00</span>场 倒计时</p>
                    <p class="time">
                        <span class="num hour">00</span>
                        <span>:</span>
                        <span class="num minute">00</span>
                        <span>:</span>
                        <span class="num second">00</span>
                    </p>
                </div>
                <div class="left jdms" style="display: none;">
                    <h4>京东秒杀</h4>
                    <p class="time" style="padding: 30px;">秒杀已开始</p>
                </div>

JavaScript代码

<script>
                        function countDown() {
                            // 获取当前时间 {
                            var nowTime = new Date().getTime();
                            // 设置秒杀开始截至时间
                            var killTime = new Date('2022/5/31 19:57:00').getTime();
                            // 时间的差值
                            var restTime = (killTime - nowTime) / 1000;
                            // 定义变量dhms 用于存放倒计时中的时分秒
                            var d = h = m = s = 0;
                            if (restTime >= 0) {
                                d = parseInt(restTime / 60 / 60 / 24);
                                // 天 %取模 除商以后得到的余数
                                h = parseInt(restTime / 60 / 60 % 24);
                                //时 %取模 除商以后得到的余数
                                m = parseInt(restTime / 60 % 60);
                                // 分
                                s = parseInt(restTime % 60);
                                // 秒
                                document.querySelector('.hour').innerHTML = h < 10 ? '0' + h : h;
                                document.querySelector('.minute').innerHTML = m < 10 ? '0' + m : m;
                                document.querySelector('.second').innerHTML = s < 10 ? '0' + s : s;
                                // h=h < 10 ? '0' + h : h; 三目运算 条件运算符 ？： 
                            } else {
                                clearInterval(ms);
                                /*document.querySelector('.time').innerHTML = '秒杀已开始';*/
                                document.querySelector('.jdms').style.display='block';
                                document.querySelector('.jdms1').style.display='none';
                            }

                        }
                        var ms = setInterval(countDown, 1000)
                    </script>