animationend Eveniment

Exemplu

Fa ceva cu un <div> atunci când este vorba o animație CSS sa încheiat:

var x = document.getElementById("myDIV");

// Code for Chrome, Safari and Opera
x.addEventListener("webkitAnimationEnd", myEndFunction);

// Standard syntax
x.addEventListener("animationend", myEndFunction);

Încearcă - l singur »

Definiție și utilizare

Evenimentul animationend are loc atunci când o animație CSS a finalizat.

Pentru mai multe informații despre CSS animații, consultați programul de instruire pe CSS3 animații .

Atunci când o animație CSS joacă, există trei evenimente care pot să apară:

animationstart - se produce atunci când a început animația CSS
animationiteration - apare atunci când animația CSS se repetă
animationend - apare atunci când animația CSS a finalizat

Suport pentru browser-

Numerele din tabel specifica prima versiune de browser care acceptă pe deplin evenimentul.

Numerele urmat de "webkit" sau "moz" specificați prima versiune care a lucrat cu un prefix.

Eveniment
animationend	4.0 WebKit	10.0	16.0 5.0 Moz	4.0 WebKit	15,0 WebKit 12.1

Notă: Pentru Chrome, Safari și Opera, folosiți prefixul webkitAnimationEnd.

Sintaxă

object.addEventListener("webkitAnimationEnd", myScript ); // Code for Chrome, Safari and Opera
object .addEventListener("animationend", myScript ); // Standard syntax

Notă: addEventListener() , metoda nu este acceptată în Internet Explorer 8 și versiunile anterioare.