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);    });});