防抖动函数(debounce)的原理
生活随笔
收集整理的這篇文章主要介紹了
防抖动函数(debounce)的原理
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
debounce就是防抖動， 在間隔不超過500ms的情況下，不管debounce執行多少次， lazyLoad都只執行一次；
function debounce() {clearTimeout(timer);timer = setTimeout(function() {lazyLoad();}, 500);} }clearTimeout使得lazyLoad不會立即執行，每次debounce調用都會重置定時器，并再次等待，只有等debounce不再調用，并等待500ms之后lazyLoad才會被調用。
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><title>Title</title> </head> <body style="height:2000px"> <script>/*debounce就是防抖動， 在間隔不超過500ms的情況下，不管debounce執行多少次，srollFn都只執行一次；clearTimeout使得srollFn不會立即執行，每次debounce調用都會重置定時器，并再次等待，只有等debounce不再調用，并等待500ms之后srollFn 才會被調用。*/var num=0;function lazyLoad() {num++;console.log(num);}var timer = null;function debounce() {clearTimeout(timer);timer = setTimeout(function() {lazyLoad();}, 1000);}window.onscroll= debounce;</script> </body> </html>?
轉載于:https://www.cnblogs.com/aredleave/p/7573161.html
總結
以上是生活随笔為你收集整理的防抖动函数(debounce)的原理的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 花呗还款日期怎么算 一般在每个月的9号或
- 下一篇： BZOJ1305: [CQOI2009]