我正在做了一个简单的tip功能,当多少秒后自动隐藏。如下代码所示:出现的问题是,当我一个tip还未执行计时器中的动作,就点击不同的目标再次调用tip,会清除掉计时器,而计时器中的动作也仅仅在最新调用tip的目标上执行。请问,我这个tip该如何设计,才能做到对应清除计时器?htmlDocument .none{display:none;}
$.extend({tip:function(options){varparam=$.extend({obj:"#message",text:'',timeout:3000,},options);clearTimeout($.tipTime);varobj=param.objinstanceof$?param.obj:$(param.obj);obj.html(param.text).removeClass('none');$.tipTime=setTimeout(function(){obj.addClass('none');},param.timeout);},tipTime:null});$('button').on('click',function(event){var$this=$(this);$.tip({obj:$this.next('span'),text:"显示信息,3秒后隐藏"})});