طريقة Window requestAnimationFrame()

مفهوم Window في JavaScript

requestAnimationFrame()يخبر المتصفح أنك ترغب في تنفيذ الرسوم المتحركة ويطلب من المتصفح استدعاء الدالة المحددة لتحديث الرسوم المتحركة قبل إعادة الرسم.

يتم استخدام هذا الطريقة لتقديم الدالة كمعامل لتتمكن من استدعائها قبل إعادة الرسم.

النص الوسيط:

window.requestAnimationFrame(callback)

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

توافق المتصفحات

الرقم في الجدول يشير إلى إصدار المتصفح الأول الذي يدعم كامل طريقة requestAnimationFrame():

قيمة الم参数

تفاصيل التقنية

مراجع مرتبطة

تعليمية CSS:حركة CSS

مرجع CSS:خصائص الحركة في CSS

مرجع CSS:خصائص تأخير الحركة في CSS

مرجع CSS:خصائص اتجاه الحركة في CSS

مرجع CSS:خصائص استمرار الحركة في CSS

مرجع CSS:خصائص animation-fill-mode في CSS

مرجع CSS:خصائص animation-iteration-count في CSS

مرجع CSS:خصائص animation-name في CSS

مرجع CSS:خصائص animation-play-state في CSS

مرجع CSS:خصائص animation-timing-function في CSS

مفهوم Window في JavaScript