مثال
التوقف للرسوم المتحركة:
// Code for Chrome, Safari, and Opera
document.getElementById("myDIV").style.WebkitAnimationPlayState = "paused";
// Standard syntax
document.getElementById("myDIV").style.animationPlayState = "paused"; انها محاولة لنفسك » تعريف والاستخدام
تحدد الخاصية animationPlayState ما إذا كانت الرسوم المتحركة يتم تشغيل أو توقف.
Note: استخدام هذا العقار إلى وقفة للرسوم المتحركة في منتصف دورة.
دعم المتصفح
الأرقام في الجدول تحدد أول نسخة متصفح يدعم بشكل كامل العقار.
أرقام تليها بكت، غادة عادل، أو O تحدد النسخة الأولى التي عملت مع بادئة.
| خاصية | |||||
|---|---|---|---|---|---|
| animationPlayState | 43.0 4.0 بكت | 10.0 | 16.0 5.0 غادة عادل | 4.0 بكت | 30.0 15.0 بكت 12.1 12.0 O |
ملاحظة: كروم وسفاري وأوبرا دعم بديل، الخاصية WebkitAnimation.
بناء الجملة
إعادة الممتلكات animationPlayState:
object .style.animationPlayState تعيين الخاصية animationPlayState:
object .style.animationPlayState="running|paused|initial|inherit"
قيم الممتلكات
| القيمة | وصف |
|---|---|
| running | القيمة الافتراضية. تنص على أن يتم تشغيل الرسوم المتحركة |
| paused | تنص على أن الإيقاف المؤقت للرسوم المتحركة |
| initial | تحدد هذه الخاصية إلى قيمته الافتراضية. قرأت عن الأولي |
| inherit | يرث هذه الخاصية من عنصر الأم. قراءة حول وراثة |
تفاصيل تقنية
| القيمة الافتراضية: | جري |
|---|---|
| قيمة الإرجاع: | A سلسلة، تمثل الممتلكات الرسوم المتحركة للعب للدولة من عنصر |
| صفحة CSS | CSS3 |
صفحات ذات صلة
CSS المرجع animation-play-state property
<كائن نمط