原生js实现倒计时任务

原生js实现倒计时任务

实现倒计时功能主要是使用js的定时事件（Timing Events）
所谓定时事件就是以指定的时间间隔执行代码。
JavaScript提供了两个关键方法：

• setTimeout(function, milliseconds)
• setInterval(function, milliseconds)

同时提供了相应的两个方法停止定时任务
clearTimeout() 方法停止执行 setTimeout() 中规定的函数。
clearInterval() 方法停止 setInterval() 方法中指定的函数的执行

代码

CSS

 em {
   
            font-style: normal;
            font-size: 12px;
        }
        span {
   
            display: inline-block;
            width: 17px;
            height: 17px;
            background: red;
            color: white;
            font-size: 12px;
            line-height: 17px;
            text-align: center;
            border-radius: 3px;
        }

html

 <div id="timing">
        <span id="day"></span><em>