javaScript实现倒计时功能

目录

一、主要思路

二、css样式

三、html代码

四、js内容

五、完整代码展示

六、效果展示

---

一、主要思路

1.通过内置时间函数实例化日期对象获取当前时间 new Date。

2.因为时间无法减去时间，有可能生成负数，所以采用时间戳的方法得到毫秒数形式的剩余时间，然后再把剩余时间转换为天、时、分、秒格式。

3.最后把所获得的内容赋值给定义的变量。

二、css样式

主要为了内容在页面展示美观，稍微美化一下。

<style>
        p{
            font-size: 36px;
            margin: 0 auto;
            text-align: center;
            line-height: 500px;
        }
        span{
            color: red;
        }
    </style>

三、html代码

定义一个默认格式为JavaScript引入定义变量。

<p>倒计时：<span>0</span>天<span>0</span>时<span>0</span>分<span>0</span>秒</p>