ပုံစံ ကာတွန်း ကြာမြင့်ချိန် ပိုင်ဆိုင်မှု
ဥပမာ
<div> ဒြပ်စင်တစ်ခု၏ ကာတွန်းကြာချိန် ပိုင်ဆိုင်မှုကို ပြောင်းလဲခြင်း-
document.getElementById("myDIV").style.animationDuration = "3s";
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
AnimationDuration Property သည် စက်ဝိုင်းတစ်ခုပြီးမြောက်ရန် ကာတွန်းတစ်စက္ကန့် သို့မဟုတ် မီလီစက္ကန့်မည်မျှကြာသည်ကို သတ်မှတ်သည်။
Browser ပံ့ပိုးမှု
ဇယားရှိ နံပါတ်များသည် ပိုင်ဆိုင်မှုကို အပြည့်အဝထောက်ခံသည့် ပထမဆုံးဘရောက်ဆာဗားရှင်းကို သတ်မှတ်ပေးသည်။
Moz ၏နောက်တွင် နံပါတ်များသည် ရှေ့ဆက်တစ်ခုနှင့် လုပ်ဆောင်သည့် ပထမဗားရှင်းကို သတ်မှတ်ပေးသည်။
Property | |||||
---|---|---|---|---|---|
animationDuration | 43.0 | 79.0 | 16.0 5.0 Moz |
9.0 | 30.0 |
အထားအသို
ကာတွန်း၏ကြာချိန် ပိုင်ဆိုင်မှုကို ပြန်ပေးပါ။
object.style.animationDuration
AnimationDuration ကို သတ်မှတ်ပါ-
object.style.animationDuration = "time|initial|inherit"
အိမ်ခြံမြေတန်ဖိုးများ
Value | Description |
---|---|
time | Specifies the length an animation takes to finish. Default value is 0, meaning there will be no animation |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
နည်းပညာဆိုင်ရာအသေးစိတ်
မူလတန်ဖိုး: | ၀ယ်တယ်။ |
---|---|
ပြန်ပို့တန်ဖိုး- | ဒြပ်စင်တစ်ခု၏ ကာတွန်း-ကြာချိန် ပိုင်ဆိုင်မှုကို ကိုယ်စားပြုသော စာတန်း |
CSS ဗားရှင်း | CSS3 |
ဆက်စပ်စာမျက်နှာများ
CSS ရည်ညွှန်းချက်- ကာတွန်း-ကြာချိန် ပိုင်ဆိုင်မှု