function animate(obj, target, callback) {
// console.log(callback); callback = function() {} 调用的时候 callback()
// 先清除以前的定时器,只保留当前的一个定时器执行
clearInterval(obj.timer);
obj.timer = setInterval(function() {
// 步长值写到定时器的里面
// 把我们步长值改为整数 不要出现小数的问题
// var step = Math.ceil((target - obj.offsetLeft) / 10);
var step = (target - obj.offsetLeft) / 10;
step = step > 0 ? Math.ceil(step) : Math.floor(step);
if (obj.offsetLeft == target)
animate缓动动画函数封装及使用
最新推荐文章于 2022-05-22 15:34:21 发布
本文详细介绍了如何使用JavaScript封装缓动动画函数,通过实例展示了如何应用在网页交互中,涉及关键步骤包括动画帧设置、时间曲线处理和性能优化等。
摘要由CSDN通过智能技术生成