HTML5:Animate cc交互之点击1个“按钮”执行多个事件功能

最新推荐文章于 2022-08-01 08:48:19 发布

空投在我怀里

最新推荐文章于 2022-08-01 08:48:19 发布

阅读量3.9k

点赞数 1

分类专栏： HTML5与Animate cc交互文章标签： HTML5 Animate cc js

本文链接：https://blog.csdn.net/wrk2466836002/article/details/80748309

版权

HTML5与Animate cc交互专栏收录该内容

18 篇文章 16 订阅

订阅专栏

一、实现效果

第1次点击按钮可以执行第1个事件，第2次点击同一个按钮，执行第2个事件，以此类推

二、js代码

var s = this;
s.stop();
s.ayNum = 0;
s.balloon.addEventListener("click", balloon1Click.bind(s))  
  
function balloon1Click() {  
    if (s.ayNum != 6) {  
        switch (s.ayNum) {  
            case 1:  
                s.ayNum++;  
                alert(1);  
                break;  
            case 2:  
                s.ayNum++;  
                alert(2);  
                break;  
            case 3:  
                s.ayNum++;  
                alert(3);  
                break;  
            case 4:  
                s.ayNum++;  
                alert(4);  
                break;  
            case 5:  
                s.ayNum++;  
                alert(5);  
                break;  
            case 6:  
                s.ayNum++;  
                alert(6);  
                break;  
        }  
    }  
    else  
    {  
        alert(s.ayNum);  
    }  
  
}