當前位置: 首頁>>編程示例 >>用法及示例精選 >>正文


JQuery jQuery.fx.interval用法及代碼示例

用法
jQuery.fx.interval => Number

不推薦使用的版本:3.0

說明:動畫觸發的速率(以毫秒為單位)。

  • 添加的版本:1.4.3jQuery.fx.interval

自 3.0 版起,此屬性已棄用,並且在支持 requestAnimationFrame 方法的瀏覽器中無效。

在不支持 requestAnimationFrame 的瀏覽器上,可以更改此屬性以調整動畫運行的時間間隔。默認值為 13 毫秒。

由於 jQuery 使用一個全局間隔,因此不應運行任何動畫或停止所有動畫以使此屬性的更改生效。

例子:

使所有動畫以更少的幀運行。

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>jQuery.fx.interval demo</title>
  <style>
  div {
    width: 50px;
    height: 30px;
    margin: 5px;
    float: left;
    background: green;
  }
  </style>
  <script src="https://code.jquery.com/jquery-3.5.0.js"></script>
</head>
<body>
 
<p><input type="button" value="Run"></p>
<div></div>
 
<script>
jQuery.fx.interval = 100;
$( "input" ).click(function() {
  $( "div" ).toggle( 3000 );
});
</script>
 
</body>
</html>

演示:

相關用法


注:本文由純淨天空篩選整理自jquery.com大神的英文原創作品 jQuery.fx.interval。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。