当前位置： 移动技术网 > IT编程>网页制作>CSS > 前端节流功能实现教程

前端节流功能实现教程

2018年03月31日  | 移动技术网IT编程  | 我要评论

p点击事件执行后需要冷却1秒后再次点击才有效

<p id="p">0</p>

function throttle(handler, wait) {
    var lastTime = 0,
        nowTime;
    return function (e) {
        nowTime = new Date().getTime();
        if(nowTime - lastTime > wait) {
            handler.apply(this, arguments);
            lastTime = nowTime;
        }
    }
}

var p = document.getElementById('p');

function pClick() {
    this.innerHTML = parseInt(this.innerHTML) + 1;
}
p.onclick = throttle(pClick, 1000);

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网