在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML5  HTML/ 阻止邏輯事件短時(shí)間頻繁調(diào)用

阻止邏輯事件短時(shí)間頻繁調(diào)用

栗子:
阻止按鈕在1s內(nèi)多次被調(diào)用; 先上我baidu的結(jié)果

btn.onclick = function add(){
    btn.innerHTML = Number(btn.innerHTML) + 1;    
    btn.onclick = null;
    clearTimeout(timer);
    var timer = setTimeout(function(){
        btn.onclick = add;
    },1000);    
}
btn.onclick = (function(){
    var last = Date.now();
    return function(){
        var now = Date.now();
        if((now - last)>1000){
            btn.innerHTML= Number(btn.innerHTML) + 1;            
        }
        last = now;
    }
})();

以上兩種方法都可以實(shí)現(xiàn),目前我困惑的問題在于:
1-除了使用定時(shí)器或者閉包,有沒有更棒的方式;
2-如果沒有,那么上述兩種哪種方式更適合組件化公用;

當(dāng)前項(xiàng)目有許多地方需要用到,那么我想嘗試自己封裝一個(gè)簡單的公共方法,達(dá)到的效果可以支持click事件阻止1s內(nèi)被多次調(diào)用,又或者可以自定義的擴(kuò)展(后話);

項(xiàng)目基于angular4.x(沒有找到類似推遲執(zhí)行的方法..),當(dāng)然原生js完全OK

回答
編輯回答
玩控

用RxJS的debounceTime啊,你可以用directive包裝一下使用

2017年9月13日 08:55
編輯回答
任她鬧
Observable.fromEvent(btn, "click").debounceTime(1000).map().subscribe();
2017年7月17日 20:24