animationend halin

DOM halin AnimationEvent

定义和用法

当 CSS 动画完成时发生 animationend 事件。

如需有关 CSS 动画的更多知识，请学习我们的 CSS3 动画教程.

当 CSS 动画播放时，可能会发生三个事件：

实例

当 CSS 动画结束时，对

元素做一些事情：

var x = document.getElementById("myDIV");
// Ƙarfin firin Chrome, Safari da Opera
x.addEventListener("webkitAnimationEnd", myEndFunction);
// Ƙarfin ƙirar ƙarin
x.addEventListener("animationend", myEndFunction);

Kiyi ƙiwa

Ƙarfin ƙirar ƙarin

object.addEventListener("webkitAnimationEnd", myScript);  // Ƙarfin firin Chrome, Safari da Opera
object.addEventListener("animationend", myScript);        // Ƙarfin ƙirar ƙarin

Kwamta:Internet Explorer 8 ko kuma ƙarfin yanwanda. addEventListener() ƙarfin.

Ƙarfin ilimi

Tashe: Dacewa
Dacewa: Yanwanda
Ƙirar ƙarfin: AnimationEvent
DOM ƙarfin: Level 3 Events

Rarrabawar ƙarfin

Tattalin ƙirar ƙarin bayan ƙarfin ƙaraɗa ƙarfin bayan ƙarfin ƙaraɗa ta ƙara ƙarfin.

Tattalin "webkit" da "moz" bayan ƙirar ƙarin ƙarfin ƙaraɗa ta ƙara ƙarfin.

Ƙashe Chrome IE Firefox Safari Opera
animationend 4.0 webkit 10.0 16.0
5.0 moz		 4.0 webkit 15.0 webkit
12.1

Kwamta:Firin Chrome, Safari da Opera, kama ɗauka webkitAnimationEnd.

Ƙarƙashin ƙoƙari

CSS ƙoyarƙi:CSS3 Animation

CSS Kwarin:CSS3 animation attibuti

HTML DOM Kwarin:Style animation attibuti

DOM halin AnimationEvent