我创建了一个将元素移动1 px并使用setInterval heres重复指定时间的函数:
var Elementt = document.querySelector('.h');
var left = 0;
var speed = 100;
var limit = 10;
setInterval(
function MoveByOnepixel() {
if (left > limit ){
}
else {
Elementt.style.left=left + 'px';
left++;
}
}
, speed);
事情是当Left>极限是setinterval停止或要不停地重复吗?
如果重复,如果陈述为真,如何停止?
您可以改用setTimeout
function MoveByOnepixel() {
Elementt.style.left = left + 'px';
left++;
if (left < limit) {
setTimeout(MoveByOnepixel, speed);
}
}
setTimeout(MoveByOnepixel, speed);