Interface Animation

MDN Reference

interface Animation {
    currentTime: CSSNumberish;
    effect: AnimationEffect;
    finished: Promise<Animation>;
    id: string;
    oncancel: ((this, ev) => any);
    onfinish: ((this, ev) => any);
    onremove: ((this, ev) => any);
    pending: boolean;
    playState: AnimationPlayState;
    playbackRate: number;
    ready: Promise<Animation>;
    replaceState: AnimationReplaceState;
    startTime: CSSNumberish;
    timeline: AnimationTimeline;
    addEventListener<K>(type, listener, options?): void;
    addEventListener(type, listener, options?): void;
    cancel(): void;
    commitStyles(): void;
    dispatchEvent(event): boolean;
    finish(): void;
    pause(): void;
    persist(): void;
    play(): void;
    removeEventListener<K>(type, listener, options?): void;
    removeEventListener(type, listener, options?): void;
    reverse(): void;
    updatePlaybackRate(playbackRate): void;
}

Hierarchy

  • EventTarget
    • Animation

Properties

currentTime effect finished id oncancel onfinish onremove pending playState playbackRate ready replaceState startTime timeline

Methods

addEventListener cancel commitStyles dispatchEvent finish pause persist play removeEventListener reverse updatePlaybackRate

Properties

currentTime

currentTime: CSSNumberish

MDN Reference

effect

effect: AnimationEffect

MDN Reference

Readonly finished

finished: Promise<Animation>

MDN Reference

id

id: string

MDN Reference

oncancel

oncancel: ((this, ev) => any)

MDN Reference

Type declaration

onfinish

onfinish: ((this, ev) => any)

MDN Reference

Type declaration

onremove

onremove: ((this, ev) => any)

MDN Reference

Type declaration

    • (this, ev): any

    • Parameters

      Returns any

Readonly pending

pending: boolean

MDN Reference

Readonly playState

playState: AnimationPlayState

MDN Reference

playbackRate

playbackRate: number

MDN Reference

Readonly ready

ready: Promise<Animation>

MDN Reference

Readonly replaceState

replaceState: AnimationReplaceState

MDN Reference

startTime

startTime: CSSNumberish

MDN Reference

timeline

timeline: AnimationTimeline

MDN Reference

Methods

addEventListener

  • addEventListener<K>(type, listener, options?): void

  • Type Parameters

    Parameters

    Returns void

  • addEventListener(type, listener, options?): void

  • Parameters

    Returns void

cancel

  • cancel(): void

  • MDN Reference

    Returns void

commitStyles

  • commitStyles(): void

  • MDN Reference

    Returns void

dispatchEvent

  • dispatchEvent(event): boolean

  • Dispatches a synthetic event event to target and returns true if either event's cancelable attribute value is false or its preventDefault() method was not invoked, and false otherwise.

    MDN Reference

    Parameters

    • event: Event

    Returns boolean

finish

  • finish(): void

  • MDN Reference

    Returns void

pause

  • pause(): void

  • MDN Reference

    Returns void

persist

  • persist(): void

  • MDN Reference

    Returns void

play

  • play(): void

  • MDN Reference

    Returns void

removeEventListener

  • removeEventListener<K>(type, listener, options?): void

  • Type Parameters

    Parameters

    Returns void

  • removeEventListener(type, listener, options?): void

  • Parameters

    Returns void

reverse

  • reverse(): void

  • MDN Reference

    Returns void

updatePlaybackRate

  • updatePlaybackRate(playbackRate): void

  • MDN Reference

    Parameters

    • playbackRate: number

    Returns void

Settings

Member Visibility

Theme

On This Page

currentTimeeffectfinishedidoncancelonfinishonremovependingplayStateplaybackRatereadyreplaceStatestartTimetimelineaddEventListenercancelcommitStylesdispatchEventfinishpausepersistplayremoveEventListenerreverseupdatePlaybackRate