js短时间内防止触发事件

Question

需求: 点击a标签弹出 msg信息框提示 2秒后消失, 如何在短时间内多次点击a的时候msg信息框始终显示(不闪动), 且最后一次点击a 2秒后msg信息框始终消失, 给出思路或部分代码就可以了2017-8-26 11:11:32

Answer 1

$(function () {

    var st;

    $('.d1').on('click', function() {

        var _this = $(this);

        _this.addClass('on');

        clearTimeout(st);

        st = setTimeout(function() {

            _this.removeClass('on');

        }, 1e3);

    });

});