From 1407c8fdef01ecd0ffb8a8bd46e7113f119b9fde Mon Sep 17 00:00:00 2001 From: julieng Date: Sat, 2 Oct 2021 17:20:24 +0200 Subject: convert content to md --- .../web/api/window/cancelanimationframe/index.md | 54 ++++++++-------------- 1 file changed, 20 insertions(+), 34 deletions(-) (limited to 'files/fr/web/api/window/cancelanimationframe') diff --git a/files/fr/web/api/window/cancelanimationframe/index.md b/files/fr/web/api/window/cancelanimationframe/index.md index a0c27fc7eb..7091fd2664 100644 --- a/files/fr/web/api/window/cancelanimationframe/index.md +++ b/files/fr/web/api/window/cancelanimationframe/index.md @@ -11,24 +11,21 @@ tags: - Window translation_of: Web/API/Window/cancelAnimationFrame --- -
{{APIRef}}
+{{APIRef}}La méthode **`window.cancelAnimationFrame()`** met fin à une animation précédement configurée par un appel à {{domxref("window.requestAnimationFrame()")}}. -
La méthode window.cancelAnimationFrame() met fin à une animation précédement configurée par un appel à {{domxref("window.requestAnimationFrame()")}}.
+## Syntaxe -

Syntaxe

+ window.cancelAnimationFrame(requestID); -
window.cancelAnimationFrame(requestID);
+### Paramètres -

Paramètres

+- `requestID` + - : L'identifiant retourné par l'appel à {{domxref("window.requestAnimationFrame()")}} qui a généré la fonction de rappel (callback) -
-
requestID
-
L'identifiant retourné par l'appel à {{domxref("window.requestAnimationFrame()")}} qui a généré la fonction de rappel (callback)
-
+## Exemples -

Exemples

- -
var requestAnimationFrame = window.requestAnimationFrame || window.mozRequestAnimationFrame ||
+```js
+var requestAnimationFrame = window.requestAnimationFrame || window.mozRequestAnimationFrame ||
                             window.webkitRequestAnimationFrame || window.msRequestAnimationFrame;
 
 var cancelAnimationFrame = window.cancelAnimationFrame || window.mozCancelAnimationFrame;
@@ -40,7 +37,7 @@ var myReq; // Déclarer la variable globalement avant de lancer l'animation
 function step(timestamp) {
   var progress = timestamp - start;
   d.style.left = Math.min(progress / 10, 200) + 'px';
-  if (progress < 2000) {
+  if (progress < 2000) {
     // Ne pas oublier de récupérer l'identifiant à chaque appel de la fonction
     myReq = requestAnimationFrame(step);
   }
@@ -48,30 +45,19 @@ function step(timestamp) {
 myReq = requestAnimationFrame(step);
 // L'annulation utilise le dernier identifiant
 cancelAnimationFrame(myReq);
-
+``` -

Spécifications

+## Spécifications - - - - - - - - - - - -
Spécification
{{spec("https://www.w3.org/TR/html51/webappapis.html#animation-frames", "Timing control for script-based animations: cancelAnimationFrame", "WD")}}
+| Spécification | +| ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | +| {{spec("https://www.w3.org/TR/html51/webappapis.html#animation-frames", "Timing control for script-based animations: cancelAnimationFrame", "WD")}} | -

Compatibilité des navigateurs

+## Compatibilité des navigateurs -

{{Compat("api.Window.cancelAnimationFrame")}}

+{{Compat("api.Window.cancelAnimationFrame")}} -

Voir aussi

+## Voir aussi - +- {{domxref("window.mozAnimationStartTime")}} +- {{domxref("window.requestAnimationFrame()")}} -- cgit v1.2.3-54-g00ecf