Fork me on GitHub
随笔 - 265  文章 - 0  评论 - 1075  阅读 - 230万

简单的动画队列模型

给新手写了一个便于理解的动画链式

复制代码
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)
    })
复制代码
posted on   【艾伦】  阅读(544)  评论(2编辑  收藏  举报
编辑推荐:
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
阅读排行:
· 地球OL攻略 —— 某应届生求职总结
· 周边上新:园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源!
· .NET周刊【3月第1期 2025-03-02】
· [AI/GPT/综述] AI Agent的设计模式综述
< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

点击右上角即可分享
微信分享提示