Déclenche une animation via un traitement lancé à intervalle régulier
Syntaxe Number requestAnimationFrame(Function traitement)
Compatible tous navigateurs
Oui
Oui
Oui
Oui
Oui
Oui
Oui
Description Déclenche une animation via un appel régulier à la fonction traitement(). Un identifiant est retourné pour interrompre l'animation avec cancelAnimationFrame().
L'usage de requestAnimationFrame() est proche de setInterval(), mais a plusieurs avantages :
- le navigateur optimise les traitements pour garantir un rafraichissement régulier, généralement à 60 images par seconde (ou FPS = Frames Par Seconde)
- le navigateur interrompt l'animation lorsque l'onglet n'est plus visible afin de réduire la consommation CPU
- l'animation est plus fluide
/* Si le ballon dépasse le conteneur, on inverse le sens pour générer le rebond */ if ((x+diametre>largeur) || (x<0)) {
deltaX=-1*deltaX;
} if ((y+diametre>hauteur) || (y<0)) {
deltaY=-1*deltaY;
}
// Toutes les nbFPS animations, maj du contenu div#fps if (NBanimation % nbFPS == 0) { var microtime2=window.performance.now();
// Temps écoulé depuis le dernier appel var delai=microtime2-microtime1;
// Conversion en FPS (frame par seconde) var fps = Math.round(1/delai*1000*nbFPS); document.getElementById("fps").innerHTML=fps + " FPS";
microtime1=microtime2;
}
IDanimation = requestAnimationFrame(animer);
}
Le ballon rebondit dans le conteneur. Le div#fps contient le nombre d'images par seconde que le navigateur parvient à maintenir.
Page mise à jour le
QUERY 10
SELECT *, DATE_FORMAT(dt_insert, '%d/%m/%Y %H:%i' ) AS jour_insert, DATE_FORMAT(dt_maj, '%d/%m/%Y %H:%i' ) AS jour_maj FROM js_reference ORDER BY IDfather, name
SELECT * FROM js_navigateur ORDER BY ordre
SELECT * FROM js_version ORDER BY ID
SELECT * FROM js_reference WHERE phpfile="window.requestanimationframe"
UPDATE js_reference SET nb_visi=nb_visi+1, nb_visi_delai=nb_visi_delai+1 WHERE ID='407'
SELECT * FROM js_navigateur ORDER BY ordre
SELECT js_equivalent_ressource.*, js_equivalent_language.language, js_equivalent_language.favico
FROM js_equivalent_ressource, js_equivalent_language
WHERE js_equivalent_ressource.idLanguage = js_equivalent_language.id
AND js_equivalent_ressource.etat=1
AND js_equivalent_language.etat=1
AND js_equivalent_ressource.typeof='REF'
AND js_equivalent_ressource.idRessource="407"
SELECT * FROM js_exemple WHERE ID='407' ORDER BY ordre
SELECT * FROM js_url WHERE ID='407' ORDER BY ordre
En savoir plus
