<script>
function button(param,lasttime){
this.param=param;
this.lasttime=lasttime;
}
button.prototype.setLasttime=function(lasttime){
this.lasttime=lasttime;
};
button.prototype.getLasttime=function(){
return this.time;
};
button.prototype.dec=function(nowtime){
var time=false;
if(this.lasttime==null){
this.setLasttime(nowtime);
time=true;
return time;
}else{
if(nowtime-this.lasttime>2000){
this.setLasttime(nowtime);
time=true;
return time;
}
}
return time;
};
button.prototype.show=function(){
var nowtime=new Date().getTime();
var t=this.dec(nowtime);
alert(t);
if(t){
alert("谢谢!");
}else{
alert("请等待!");
}
}
var dd="";
var bt=new button(dd,false);
</script>
</head> <body> <div>
<input type="button" value="提交" onclick="bt.show();"/></div>
</body>
</html>
本文介绍了一个简单的JavaScript防抖(debounce)功能实现案例。通过定义一个button类,该类具备记录上一次触发时间的功能,并能判断是否应该触发新的事件,以避免短时间内重复触发同一操作。此功能在实际开发中可用于防止用户快速重复点击按钮导致的不必要的后台请求。
3099

被折叠的 条评论
为什么被折叠?



