cancelAnimationFrame()

window.cancelAnimationFrame() -

Синтаксис:

window.cancelAnimationFrame( RequestID );

Параметри:

window - об'єкт window.

RequestID - ідентифікатор отриманий від методу window.requestAnimationFrame.

Опис:

cancelAnimationFrame() метод об'єкту window який зупинить раніше визвану window.requestAnimationFrame() заплановану анімацію.

Приклад:

function anime() {
//опис самої анімації

requestAnimationFrame
(anime);
}

//перший запуск функції
anime();

 function animations(){
 px+=5;
el.style.top=px;
//продовжувати анімацію доки top менше 350
if(px<350) window.requestAnimationFrame (animations);
else el.style.position='static';
}

var el=document.getElementsByTagName('p')[0];
el.style.position='fixed';
var px=0;
var idA=window.requestAnimationFrame( animations);
window.cancelAnimationFrame(idA);