쓰로틀링과 디바운싱
마스터욱
0
34
0
0
2023-01-03 01:52:42
쓰로틀링의 예시
var timer;
document.getElementById("test").addEventListener('keyup', function (e) {
if (!timer) {
timer = setTimeout(function() {
timer = null;
//ajax 요청
}, 200);
}
});
키보드를 누를때마다 ajax를 호출하기를 원하지만,
0.2 초안에 키보드를 또 눌렀다면, 마지막에 누름은 무효화 시키는 의지이다.
=================================================================================
디바운싱의 예시
var timer;
document.getElementById("test").addEventListener('keyup', function(e) {
if (timer) {
clearTimeout(timer);
}
timer = setTimeout(function() {
//ajax 요청
}, 200);
});
키보드를 누를때마다 ajax를 호출하기를 원하지만,
0.2초안에 키보드가 눌러지면 전에 눌렀던 호출은 무효화하고, 현재 누른 호출을 0.2 초 후에 실행시키겠다는 의지이다.
