Window requestAnimationFrame() 方法

JavaScript Window 對象

requestAnimationFrame()方法告訴瀏覽器您希望執(zhí)行動畫，并請求瀏覽器在下一次重新繪制之前調(diào)用指定的函數(shù)來更新動畫。

該方法將回調(diào)作為要在重繪之前調(diào)用的參數(shù)。

語法：

window.requestAnimationFrame(callback)
var start = null;
var element = document.getElementById('anim');

function step(timestamp) {
  if (!start) start = timestamp;
  var progress = timestamp - start;
  element.style.transform = 'translateX(' + Math.min(progress / 10, 400) + 'px)';
  if (progress < 20000) {
     window.requestAnimationFrame(step);
  }
}

window.requestAnimationFrame(step);
測試看看?/?

瀏覽器兼容性

表中的數(shù)字指定了完全支持requestAnimationFrame()方法的第一個瀏覽器版本：

Method
requestAnimationFrame()2423156.110

參數(shù)值

參數(shù)描述
callback當需要更新動畫以進行下一次重繪時調(diào)用的函數(shù)

技術(shù)細節(jié)

返回值：一個長整數(shù)值（請求ID），用于唯一標識回調(diào)列表中的條目

相關(guān)參考

CSS教程：CSS動畫

CSS參考：CSS動畫屬性

CSS參考：CSS animation-delay屬性

CSS參考：CSS動畫方向?qū)傩?/a>

CSS參考：CSS動畫持續(xù)時間屬性

CSS參考：CSS animation-fill-mode屬性

CSS參考：CSS animation-iteration-count屬性

CSS參考：CSS animation-name屬性

CSS參考：CSS animation-play-state屬性

CSS參考：CSS animation-timing-function屬性

JavaScript Window 對象

丰满人妻一级特黄a大片，午夜无码免费福利一级，欧美亚洲精品在线，国产婷婷成人久久Av免费高清