代码编辑器：
x
1
2
<meta charset="utf-8">3
<link href="/static/next/css/tryit.css?v=2017082407" rel="stylesheet"/>4
<script src="https://cdn.staticfile.org/jquery/2.2.4/jquery.min.js"></script>5
<script>6
$(document).ready(function(){7
$("#toggle").on("click",function(){8
$("div").toggle(5000);9
});10
$("#interval").on("click",function(){11
jQuery.fx.interval = 500;12
});13
});14
</script>15
<p>“div切换”按钮被按下时,我们在隐藏和显示div之间切换(默认是13毫秒)。每次“减少运行动画帧”按钮被按下,我们添加500毫秒的属性,这将导致以更少的帧运行动画(根据不同的浏览器,这可能导致动画运行流畅度低于期望)</p>16
<p><b>注意:</b> 由于jQuery使用一个全局间隔,任何更改此属性生效,没有动画运行或者说动画都应该先停止运行(按“切换div”，然后当" div "完成动画时按“运行动画帧更少”。当动画已经停止,再次按“切换div”注意效果)</p>17
<button id="toggle">div切换</button>18
<button id="interval">减少运行动画帧</button>