javascript - 为这个由鼠标滚轮触发的 Javascript 添加一个“冷却时间”

Question

我正在使用 Squarespace 主题，并遇到了一些我希望你们能帮助我修复的经历。

该页面有一系列水平滚动的图像。默认情况下，滚动什么都不做。论坛上提供了以下代码，通过单击左箭头或右箭头使滚动控制图像。

我想知道为函数添加简单的“冷却”效果的最佳和最有效的方法是什么，以便在下一次滚动之前有完全延迟。

目前，卷轴仅循环 3 或 4 次，非常敏感。我觉得这会惹恼用户。

感谢您的任何帮助。这是有问题的页面：http: //nicpadula.com/brand-design

 <script>
 $(function() {
   $("body").mousewheel(function(event, deltaY) {
     if (deltaY > 0){
       $(document).ready(function()
       {
         $("div.arrow-wrapper.left").click(); 
       });
     }
     else if (deltaY < 0){
       $(document).ready(function()
       {
         $("div.arrow-wrapper.right").click(); 
       });
     }
   });
 });
 </script>

标签： javascriptsquarespace