生成一个防抖避免重复点击代码
时间: 2024-05-11 12:14:57 浏览: 5
可以使用 JavaScript 中的 debounce 函数来实现防抖避免重复点击。具体代码如下:
```
function debounce(fn, delay) {
let timer = null;
return function() {
const context = this;
const args = arguments;
clearTimeout(timer);
timer = setTimeout(function() {
fn.apply(context, args);
}, delay);
}
}
// 使用方法
const button = document.querySelector('button');
button.addEventListener('click', debounce(function() {
// 在这里写点击事件的处理逻辑
}, 1000));
```
以上代码中,debounce 函数接收两个参数:需要防抖的函数和防抖时间间隔。在点击事件发生时,会先清除之前的定时器,然后再设置一个新的定时器,在延迟时间之后执行传入的函数。这样可以有效避免重复点击造成的问题。
相关问题
除了防抖如何避免点击按钮后重复startActivityForResult代码示例
可以通过设置一个标志位来避免重复启动Activity,例如在onActivityResult方法中设置一个标志位,当该标志位为true时,说明已经启动了Activity并且已经得到了结果,此时再次点击按钮就不会再次启动Activity。
示例代码如下:
```
private boolean isStarted = false;
public void onClickButton(View view) {
if (!isStarted) {
isStarted = true;
startActivityForResult(intent, requestCode);
}
}
@Override
protected void onActivityResult(int requestCode, int resultCode, Intent data) {
super.onActivityResult(requestCode, resultCode, data);
if (requestCode == this.requestCode && resultCode == RESULT_OK) {
// 处理结果
}
isStarted = false;
}
```
使用 js生成一个防抖函数
当在短时间内频繁触发某个函数时,防抖函数可以用来限制函数的执行次数。下面是一个使用 JavaScript 生成的基本防抖函数示例:
```javascript
function debounce(func, delay) {
let timer;
return function(...args) {
clearTimeout(timer);
timer = setTimeout(() => {
func.apply(this, args);
}, delay);
};
}
```
这个防抖函数接受两个参数:`func` 是要延迟执行的函数,`delay` 是延迟的毫秒数。当调用防抖函数返回的新函数时,会启动一个计时器,如果在延迟时间内再次调用该新函数,则会清除之前的计时器重新开始计时。只有在延迟时间结束后才会执行传入的 `func` 函数。
您可以根据需要将这个基本的防抖函数进行扩展和定制化。