10分钟，手把手教学【正确】还原京东倒计时，初学者必看，简单易懂(1)

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上大数据知识点，真正体系化！

由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新

需要这份系统化资料的朋友，可以戳这里获取

---

倒计时源背景图：

然后按照京东倒计时原版布置一下css样式：

HTML:

<section>
        <h2>京东秒杀</h2>
        <div class="countdown-desc">
            <span>00:00</span>点场 距结束</div>
        <div class="hour"></div>
        <!-- 小时与分钟之间的冒号 -->
        <span class="h\_m">:</span>
        <div class="minute"></div>
        <!-- 分钟与秒之间的冒号 -->
        <span class="m\_s">:</span>
        <div class="second"></div>
        </div>
    </section>

css:

    section {
 
            width: 190px;
            height: 260px;
            background: url("./images/20210523211517294.png");
            overflow: hidden;
            position: relative;
        }

        h2 {
 
            text-align: center;
            color: white;
            margin-top: 50px;
        }

        .countdown-desc {
 
            width: 190px;
            height: 30px;
            position: absolute;
            top: 160px;
            left: 0;
            font-size: 14px;
            line-height: 30px;
            text-align: center;
            color: white;
        }

        .countdown-desc>span {
 
            font-size: 18px;
            margin-right: 2px;
            font-weight: bold;
        }

        .hour,
 .minute,


![img](https://img-blog.csdnimg.cn/img_convert/03c9ae52bd1bd1f1bca657d967502c24.png)
![img](https://img-blog.csdnimg.cn/img_convert/d18acec6cc9f74676ad07938fa0baa06.png)

**网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。**

**[需要这份系统化资料的朋友，可以戳这里获取](https://bbs.csdn.net/forums/4f45ff00ff254613a03fab5e56a57acb)**


**一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！**


**一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！**