setInterval()和clearInterval()用法

919 阅读1分钟

setInterval()和clearInterval

使用setInterval()设置定时器,使用clearInterval()清除计数器。

setInterval()和clearInterval()实例
<div id="box"></div> 
#box {
    position: absolute;
    width: 100px;
    height: 100px;
    border: 1px solid black;
}
var n = 1;
var demo = setInterval(() => {
    if (n <= 100) {
        box.style.left = n + 'px'
        n = n + 1
    } else {
        clearInterval(demo);
    }
}, 10);