animateDomNodeProp(context: HTMLElement, propertyName: String, callback: PP.Delegate|function);
context. DOM-вершина, у которой анимируется свойство;
propertyName. Наименование анимируемого свойства;
callback. Возвратная функция.
Метод animateDomNodeProp воспроизводит анимацию свойства DOM-элемента с текущими параметрами.
Для выполнения примера необходимо наличие на странице экземпляра класса Animation с наименованием «animation» (см. «Конструктор Animation») и компонента TextArea с наименованием «textArea». Воспроизведём анимацию изменения содержимого текстовой области в течение одной секунды:
// Получим DOM-вершину текстовой области var domNode = textArea.getDomNode(); // Установим текст textArea.setContent("10"); console.log("Исходный текст: " + domNode.innerText); // Воспроизведём анимацию изменения текста animation.animateDomNodeProp(domNode, "innerText"); if (animation.isExecute()) { // Остановим воспроизведение анимации через одну секунду var command = "console.log(\"Текст до завершения анимации: \" + domNode.innerText);" + "animation.stopToStart();" + "console.log(\"Текст после завершения анимации: \" + domNode.innerText);"; setTimeout(command, 1000); };
В результате выполнения примера в течение одной секунды была воспроизведена анимация изменения внутреннего текста DOM-элемента, соответствующего текстовой области. Исходное значение данного текста, а также значение до и после завершения анимации были выведены в консоли браузера:
Исходный текст: 10
Текст до завершения анимации: 178
Текст после завершения анимации: 10
См. также: