animationend ਈਵੈਂਟ

DOM ਈਵੈਂਟ AnimationEvent

ਵਿਆਖਿਆ ਅਤੇ ਵਰਤੋਂ

ਚੈਸ ਆਨਿਮੇਸ਼ਨ ਪੂਰਾ ਹੋਣ ਉੱਤੇ animationend ਈਵੈਂਟ ਹੁੰਦਾ ਹੈ。

ਚੈਸ ਆਨਿਮੇਸ਼ਨ ਬਾਰੇ ਹੋਰ ਜਾਣਕਾਰੀ ਲਈ ਸਾਡੇ CSS3 ਆਨਿਮੇਸ਼ਨ ਟੂਰਨਾਲਾਂ。

ਜਦੋਂ ਚੈਸ ਆਨਿਮੇਸ਼ਨ ਚਲ ਰਿਹਾ ਹੈ ਤਾਂ ਤਿੰਨ ਈਵੈਂਟ ਹੋ ਸਕਦੇ ਹਨ:

  • animationstart - ਜਦੋਂ ਚੈਸ ਆਨਿਮੇਸ਼ਨ ਸ਼ੁਰੂ ਹੋਵੇ ਤਾਂ ਹੁੰਦਾ ਹੈ
  • animationiteration - ਜਦੋਂ ਚੈਸ ਆਨਿਮੇਸ਼ਨ ਮੁੜ ਹੋਵੇ ਤਾਂ ਹੁੰਦਾ ਹੈ
  • animationend - ਜਦੋਂ ਚੈਸ ਆਨਿਮੇਸ਼ਨ ਪੂਰਾ ਹੋਵੇ ਤਾਂ ਹੁੰਦਾ ਹੈ

ਉਦਾਹਰਣ

ਜਦੋਂ ਚੈਸ ਆਨਿਮੇਸ਼ਨ ਖਤਮ ਹੋਵੇ, <div> ਐਲੀਮੈਂਟ 'ਤੇ ਕੁਝ ਕਰੋ:

var x = document.getElementById("myDIV");
// ਚਰੋਮ, ਸਫਾਰੀ ਅਤੇ ਓਪਰਾ ਲਈ ਕੋਡ
x.addEventListener("webkitAnimationEnd", myEndFunction);
// ਮਿਆਰੀ ਗਰੇਕਰ
x.addEventListener("animationend", myEndFunction);

ਆਪਣੇ ਅਨੁਭਵ ਕਰੋ

ਗਰੇਕਰ

object.addEventListener("webkitAnimationEnd", myScript);  // ਚਰੋਮ, ਸਫਾਰੀ ਅਤੇ ਓਪਰਾ ਲਈ ਕੋਡ
object.addEventListener("animationend", myScript);        // ਮਿਆਰੀ ਗਰੇਕਰ

ਟਿੱਪਣੀਆਂ:ਇੰਟਰਨੈੱਟ ਐਕਸਪਲੋਰਰ 8 ਜਾਂ ਪਹਿਲੇ ਦੀਆਂ ਸ਼ਰੂਆਤ ਵਿੱਚ ਇਹ ਸਮਰਥਨ ਨਹੀਂ ਹੈ addEventListener() ਮੱਥਦਾ。

ਤਕਨੀਕੀ ਵੇਰਵੇ

ਬੁੱਕਸਪੁੱਟ: ਸਮਰਥਨ
ਰੱਦ ਕਰਨ ਦਾ ਸਮਰਥਨ: ਸਮਰਥਨ ਨਹੀਂ
ਈਵੈਂਟ ਪ੍ਰਕਾਰ: AnimationEvent
DOM ਵਰਜਨ: ਲੈਵਲ 3 ਈਵੈਂਟ

ਬਰਾਉਜ਼ਰ ਸਮਰਥਨ

ਸਾਰੇ ਸਬੰਧਤ ਸੰਖਿਆਵਾਂ ਇਸ ਈਵੈਂਟ ਪੂਰੀ ਤਰ੍ਹਾਂ ਸਮਰਥਨ ਦੇ ਪਹਿਲੇ ਬਰਾਉਜ਼ਰ ਵਰਜਨ ਨੂੰ ਸੂਚਿਤ ਕਰਦੇ ਹਨ。

ਸੰਖਿਆ ਦੇ ਬਾਅਦ "webkit" ਜਾਂ "moz" ਪਹਿਲੀ ਸ਼ਰੂਆਤ ਦੇ ਪ੍ਰਿਫਿਕਸ ਦੀ ਵਰਤੋਂ ਨੂੰ ਸੂਚਿਤ ਕਰਦੇ ਹਨ。

ਈਵੈਂਟ ਚਰੋਮ IE ਫਾਇਰਫਾਕਸ ਸਫਾਰੀ ਓਪਰਾ
animationend 4.0 webkit 10.0 16.0
5.0 moz		 4.0 webkit 15.0 webkit
12.1

ਟਿੱਪਣੀਆਂ:ਚਾਰੋਂ ਕਰਮਚਾਰੀਆਂ ਚਾਹੇ ਚਰੋਮ, ਸਫਾਰੀ ਅਤੇ ਓਪਰਾ ਲਈ ਵਰਤੋਂ ਕਰੋ webkitAnimationEnd。

ਸਬੰਧਤ ਪੇਜ਼

CSS ਟੂਰਨਾਲਾਂ:CSS3 ਐਨੀਮੇਸ਼ਨ

CSS ਸੰਦਰਭ ਮੁੱਲ:CSS3 animation ਪ੍ਰਤੀਯੋਗਿਤਾ

HTML DOM ਸੰਦਰਭ ਮੁੱਲ:Style animation ਪ੍ਰਤੀਯੋਗਿਤਾ

DOM ਈਵੈਂਟ AnimationEvent