Animate.ready

Animate.ready - Promise готовності анімації.

Синтаксис:

Animate.ready;

Параметри:

Animate - об'єкт Animate.

Опис:

ready властивість об'єкту Animate яка повертає Promise що виконується коли анімація готова до відтворення.

Не всі браузери підтримують.

Приклад:

#test

var el=document.getElementById('test');
if(el.animate){
  var anime= el.animate([{color:'#000'},{color:'#ffffff'}], 2000);
  if(anime.ready)
    anime.ready.then(function(){alert('Анімація готова до відтворення.');});
  else alert('Ваш браузер не підтримує властивість Animate.ready');
}else alert('Ваш браузер не підтримує Animate');

var el=document.getElementById('test');
if(el.animate){
  var anime= el.animate([{color:'#000'},{color:'#ffffff'}], 2000);
  anime.pause();
  if(anime.ready)
    anime.ready.then(function(){
     alert(anime.playState); 
     });
   else alert('Ваш браузер не підтримує Animate.ready');
   anime.play();
}else alert('Ваш браузер не підтримує Animate');