javascript - js多次点击问题

Question

function showimg(){
    var clicktimes = 0;
    $(document).click(
        function(){
            if (clicktimes == 0) {$("#dou").show(2000);};
            clicktimes = 1;
            return;
        },
        function(){
            if (clicktimes == 1) {$("#bi").show(2000);};
            clicktimes = 2;
            return;
        },
        function(){
            if (clicktimes == 2) {$("#text_1").show(2000);};
            clicktimes = 3;
            return;
        },
        function(){
            if (clicktimes == 3) {$("#text_2").show(2000);};
            clicktimes = 4;
            return;
        },
        function(){
            if (clicktimes == 4) {$("#text_2").show(2000);};
            clicktimes = 5;
            return;
        }
        )
}

如何让其多次点击发生的事件不一样呢

Answer 1

function showimg(){
    var clicktimes = 0;
    var els=['#dou','#bi','#text_1','#text_2'];   

    $(document).click(function () {
        $(els[clicktimes++]).show(2000);
    });
}

Answer 2

把5个函数的顺序倒过来写，先写4的、再写3的、……最后写0的

Answer 3

你的代码都写成这样了，为什么不找找其它的解决方案? 如果你实在是写不优雅，可以看jquery的dbclick事件。

Answer 4

你可以在一个函数的内部进行判断啊

Answer 5

你可以使用one只绑定一个方法，在第一个方法执行完成的时候使用one绑定第三个，依次内推就好了

Answer 6

一般我是这样解决的。比如：
先假设或者手动在document DOM上绑定一个自定义属性data-idx="0"，默认为你上述定义变量值。
$(function() {

$(document).on('click', function() {
    var idx = $(this).data('idx');
    if(!idx || idx == 0) {
        ...你要做的操作
        $(this).data('idx', (idx + 1));
    }else if(idx == 1) {
         ...你要做的操作
        $(this).data('idx', (idx + 1));
    }else if(...) {
        ...
    }
});

});
评论编辑器中编写，代码未测试！逻辑是这样哈