1 <!-- 函数节流： 2 JavaScript中有些事件触发频率是非常高的，比如onresize事件（jq中的resize），onmousemove事件（jq中的mousemove）以及鼠标滚轮事件，在短时间内多次触发执行绑定的函数，可以巧妙的用定时器来减少触发的次数，实现函数节流 --> 3 <!DOCTYPE html> 4 <html lang="en"> 5 <head> 6 <meta charset="UTF-8"> 7 <title>Document</title> 8 <script type="text/javascript" src="../jquery-1.12.4.min.js"></script> 9 <script type="text/javascript"> 10 $(function(){ 11 $ timer = null; 12 $(window).mousewhell(function(event,data){ 13 // event代表事件本身，data代表滚轮每滚动一次的值，向上是1，向下是-1 14 // 鼠标多次滚动，设置了200ms的缓冲时间，这里先清空定时器，还未执行的就不会在执行了，只会执行此次 15 clearTimeout(timer); 16 timer = setTimeout(function(){ 17 // 鼠标滚动时要执行的代码 18 },200) 19 }) 20 }); 21 </script> 22 </head> 23 <body> 24 25 </body> 26 </html>