程序员的知识教程库

网站首页 > 教程分享 正文

缓动动画函数(动画缓冲是什么意思)

henian88 2024-09-10 14:11:19 教程分享 8 ℃ 0 评论

// 缓动动画函数

function animate(obj, target, callback) {

// 清除先前的定时器,只保留一个定时器执行

clearInterval(obj.timer);

// 定时器

obj.timer = setInterval(function() {

// 步长 = (目标位置 - 现在的位置) / 10,写到定时器里面

var step = (target - obj.offsetLeft) / 10;

// 大于0向上取整,小于0向下取整

step = step > 0 ? Math.ceil(step) : Math.floor(step);

// 停止条件

if(obj.offsetLeft == target) {

// 停止动画,清除定时器

clearInterval(obj.timer);

callback && callback();

}

obj.style.left = obj.offsetLeft + step + 'px';

}, 15);

}

Tags:

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

最近发表
标签列表