如何减慢这种 JQuery 效果

How do I slow down this JQuery effect?

本文关键字：JQuery 效果 何减慢      更新时间：2023-09-26

代码： 

    <script>
$(document).ready(function() {
  $('.sync_box').on('click', function(e){
    e.preventDefault();
    var $btn = $(this);
    $btn.toggleClass('opened');
    var heights = $btn.hasClass('opened') ? 300 : 100 ;
    $('.sync_box').stop().animate({height: heights });
  });
});
    </script>

在此脚本中的哪个位置可以添加时间来减慢速度？ 我相信这是显而易见的，但我是 jQuery/js 的新手，所以有点困惑。 请帮忙。 谢谢！

<script>
$(document).ready(function() {
  $('.sync_box').on('click', function(e){
    e.preventDefault();
    var $btn = $(this);
    $btn.toggleClass('opened');
    var heights = $btn.hasClass('opened') ? 300 : 100 ;
    $('.sync_box').stop().animate({height: heights },2000);
  });
});
</script>

上面编辑的示例。2000 是毫秒。

参考 http://api.jquery.com/animate/

$('.sync_box').stop().animate({ height: heights }, TIME_IN_MS);

有哥们。

请务必在此处查看 jquery animate api。

相关文章：