原生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>