<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">+
<title>节流</title>
</head>
<body>
<button>按钮</button>
</body>
<script>
let btn=document.querySelector("button");
// 设置一个最后的时间 在设置现在的时间,拿现在的时间减去最后的时间 如果大于就重新触发
function debounce(fn,delay){
var lastTime=0
return function(){
var nowTime=new Date().getTime()
if(nowTime-lastTime>delay){
fn()
lastTime=nowTime
}
}
}
function handleBtn1(){
console.log("请求接口")
}
btn.onclick=debounce(handleBtn1,5000)
</script>
</html>
javascript 节流
最新推荐文章于 2024-07-23 18:15:45 发布