给新手写了一个便于理解的动画链式
var anmin = {} anmin.list = []; anmin.run = function(nextfun){ anmin.list.push(nextfun); //加入动画正在触发 (function fire() { if (!anmin.fireing) { var onceRun = anmin.list.shift() if (onceRun) { anmin.fireing = true; onceRun(function() { anmin.fireing = false; fire() }); } } })(); return this; } anmin.run(function(next){ setTimeout(function(){ console.log(11111) //运行动画。。。。1秒 //运行完毕,执行下一个动画 next();//通过这个通知,可以执行下一个 },1000) }).run(function(){ console.log(222222222) })
简单的动画队列模型
时间: 2024-11-05 06:27:30