本文介绍了一种利用JavaScript的setTimeout函数替代setInterval来实现更精确的定时任务执行方法，特别是针对平滑动画效果的实现。通过递归调用自身确保了每次动画更新之间的间隔时间尽可能接近预设值，避免了因浏览器刷新或其他原因导致的时间间隔偏差。
为了避免setIntervarl()的2个缺点：某些间隔会被跳过 多个定时器的代码执行之间的间隔可能会比预期小
setTimeout(function(){
var div = document.getElementById("myDiv");
var left = parseInt(div.style.left) + 1;
div.style.left = left + "px";
if(left < 300){
setTimeout(arguments.callee, 50);
}
}, 50);
setTimeout(function(){
var div = document.getElementById("myDiv");
var left = parseInt(div.style.left) + 1;
div.style.left = left + "px";
if(left < 300){
setTimeout(arguments.callee, 50);
}
}, 50);
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
