--- title: Animation.cancel() slug: Web/API/Animation/cancel translation_of: Web/API/Animation/cancel --- <p>{{ SeeCompatTable() }}{{ APIRef("Web Animations") }}</p> <p>Метод <code><strong>cancel()</strong></code> API Web Animation интерфейса {{domxref("Animation")}} очищает все {{domxref("KeyframeEffect")}} вызванной этой анимацией и прекращает его воспроизведение.</p> <div class="note"> <p>Когда анимация отменена, её {{domxref("Animation.startTime", "startTime")}} и {{domxref("Animation.currentTime", "currentTime")}} устанавливаются в <code>null</code>.</p> </div> <h2 id="Syntax">Syntax</h2> <pre class="syntaxbox"><em>Animation</em>.cancel();</pre> <h3 id="Parameters">Parameters</h3> <p>None.</p> <h3 id="Return_value">Return value</h3> <p>None.</p> <h3 id="Exceptions">Exceptions</h3> <p>Этот метод не выбрасывает напрямую исключения; однако, если {{domxref("Animation.playState", "playState")}} анимации во время отмены ничего кроме <code>"idle"</code>, {{domxref("Animation.finished", "current finished promise", "", 1)}} отклоняется с помощью {{domxref("DOMException")}} названным <code>AbortError</code>.</p> <dl> </dl> <h2 id="Specifications">Specifications</h2> <table class="standard-table"> <tbody> <tr> <th scope="col">Specification</th> <th scope="col">Status</th> <th scope="col">Comment</th> </tr> <tr> <td>{{SpecName('Web Animations', '#dom-animation-cancel', 'Animation.cancel()' )}}</td> <td>{{Spec2('Web Animations')}}</td> <td>Editor's draft.</td> </tr> </tbody> </table> <h2 id="Browser_compatibility">Browser compatibility</h2> <p>{{Compat}}</p> <h2 id="See_also" style="line-height: 30px; font-size: 2.14285714285714rem;">See also</h2> <ul> <li><a href="/en-US/docs/Web/API/Web_Animations_API">Web Animations API</a></li> <li>{{domxref("KeyframeEffect")}}</li> <li>{{domxref("Animation")}}</li> <li>{{domxref("Animation.playState")}}</li> <li>{{domxref("Animation.finished")}} returns the promise this action will reject if the animation's <code>playState</code> is not <code>"idle"</code>.</li> </ul>