<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div class="anniu">按钮</div>
<script>
var anniu = document.querySelector(".anniu")
anniu.onclick = function () {
onresize(shuchu, 1500)
}
function shuchu() {
console.log(1);
}
let timeId;
window.onresize = (fn, time) => {
clearTimeout(timeId)
timeId = setTimeout(() => {
fn()
}, time)
}
</script>
</body>
</html>
点击按钮,控制台输出1 连续点击只有最后一次生效
调用onresize时(你要调用的函数,延时时间)