函数防抖
单位时间内,多次触发一个事件,以最后一次触发为准。
防抖实现:
1.声明一个全部变量存储定时器ID。
2.每一次触发交互的时候,先清除上一次的定时器,然后开启本次定时器。
<!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>Document</title>
</head>
<body>
<input type="text" name="" id="inp">
<script>
// 防抖
var inp = document.getElementById('inp')
//声明一个全局变量存储定时器
var timeID = null
inp.oninput = function () {
//1清除之前的定时器
clearTimeout(timeID)
//2开启本次定时器
timeID = setTimeout(() => {
console.log(`你输入的值是${this.value}`);
}, 1000);
}