почему onfinish null, когда веб-анимация хранится в массиве? - PullRequest
Новая
       21

почему onfinish null, когда веб-анимация хранится в массиве?

0 голосов
/ 26 мая 2019

Я использую API веб-анимации для анимации элементов dom. Когда я использую animation.'onfinish' = function(){}, это работает как надо. Проблема в том, что я сохраняю несколько анимаций в виде массива, а затем пытаюсь использовать тот же метод, что и выше, для одного индекса. Я посмотрел на массив в консоли разработчика, и анимации есть, но для каждой анимации в массиве «onfinish = null». В консоли разработчика, если я проверяю одиночную (не в массиве) анимацию, onfinish = 'Закончено'. Почему это отличается? Есть ли способ сохранить массив анимаций, не заканчивая нулем? 

let answers = {
       txtArray: Array.from(document.querySelectorAll('.answerTextSpans')),

       showTextAnims: [],

       showText: function () {

           for(let i = 0; i < this.txtArray.length; i++) {

               this.showTextAnims[i] = this.txtArray[i]
               .animate([{opacity: '0'},{opacity: '1'}],
                {duration: 500, iterations: 1, fill: 'forwards'});
           }
       } 
   }

//If I now type the following in the dev console...

answers.showTextAnims;

//I get an array of animations but the onfinish properties of each animation is null.
...