web.animation.Animation — clojure-interop/cljs-web-api 1.0.10

The Animation interface of the Web Animations API represents single animation player and provides playback controls and a for an animation node or source.

cancel cljs

(cancel this)

Method.

[Experimental]

The Web Animations API's cancel() method of the web.animation.Animation clears all web.animation.KeyframeEffects caused by this animation aborts its playback.

Animation.cancel();

See also: https://developer.mozilla.org/en-US/docs/Web/API/Animation/cancel

constructor cljs

(constructor & args)

Constructor.

The Animation() constructor of the Web Animations API returns a new Animation object instance.

effect Optional The target effect, as an object based on the AnimationEffectReadOnly interface, to assign to the animation. Although in the future other effects such as SequenceEffects or GroupEffects might be possible, the only kind of effect currently available is web.animation.KeyframeEffect. This can be null (which is the default) to indicate that there should be no effect applied. timeline Optional Specifies the timeline with which to associate the animation, as an object of a type based on the web.animation.AnimationTimeline interface. Currently the only timeline type available is web.animation.DocumentTimeline, but in the future there my be timelines associated with gestures or scrolling, for example. The default value is Document.timeline, but this can be set to null as well.

See also: https://developer.mozilla.org/en-US/docs/Web/API/Animation/Animation

current-time cljs

(current-time this)

Property.

[Experimental]

The Animation.currentTime property of the Web Animations API and sets the current time value of the animation in milliseconds, running or paused.

var currentTime = Animation.currentTime; Animation.currentTime = newTime;

See also: https://developer.mozilla.org/en-US/docs/Web/API/Animation/currentTime

effect cljs

(effect this)

Property.

[Experimental]

The Animation.effect property of the Web Animations API gets sets the target effect of an animation. The target effect may either an effect object of a type based on AnimationEffectReadOnly, as web.animation.KeyframeEffect, or null.

`var effect = Animation.effect;

Animation.effect = AnimationEffectReadOnly`

See also: https://developer.mozilla.org/en-US/docs/Web/API/Animation/effect

finish cljs

(finish this)

Method.

[Experimental]

The finish() method of the Web Animations API's web.animation.Animation sets the current playback time to the end of the animation corresponding the current playback direction.

Animation.finish();

See also: https://developer.mozilla.org/en-US/docs/Web/API/Animation/finish

finished cljs

(finished this)

Property.

[Read Only] [Experimental]

The Animation.finished read-only property of the Web Animations returns a js.Promise which resolves once the animation has playing.

var animationsPromise = Animation.finished;

See also: https://developer.mozilla.org/en-US/docs/Web/API/Animation/finished

id cljs

(id this)

Property.

[Experimental]

The Animation.id property of the Web Animations API returns or a string used to identify the animation.

`var animationsId = Animation.id;

Animation.id = newIdString;`

See also: https://developer.mozilla.org/en-US/docs/Web/API/Animation/id

oncancel cljs

(oncancel this)

Property.

[Experimental]

The oncancel property of the Web Animations API's web.animation.Animation is the event handler for the cancel event.

`var cancelHandler = Animation.oncancel;

Animation.oncancel = cancelHandler;`

See also: https://developer.mozilla.org/en-US/docs/Web/API/Animation/oncancel

onfinish cljs

(onfinish this)

Property.

[Experimental]

The web.animation.Animation interface's onfinish property (from Web Animations API) is the event handler for the finish event. event is sent when the animation finishes playing.

`var finishHandler = Animation.onfinish;

Animation.onfinish = finishHandler;`

See also: https://developer.mozilla.org/en-US/docs/Web/API/Animation/onfinish

pause cljs

(pause this)

Method.

[Experimental]

The pause() method of the Web Animations API's web.animation.Animation suspends playback of the animation.

animation.pause();

See also: https://developer.mozilla.org/en-US/docs/Web/API/Animation/pause

pending cljs

(pending this)

Property.

[Read Only] [Experimental]

The read-only Animation.pending property of the Web Animations indicates whether the animation is currently waiting for an asynchronous such as initiating playback or pausing a running animation.

var pending = Animation.pending;

See also: https://developer.mozilla.org/en-US/docs/Web/API/Animation/pending

play cljs

(play this)

Method.

[Experimental]

The play() method of the Web Animations API's web.animation.Animation starts or resumes playing of an animation. If the animation is calling play() restarts the animation, playing it from the beginning.

animation.play();

See also: https://developer.mozilla.org/en-US/docs/Web/API/Animation/play

play-state cljs

(play-state this)

Property.

[Read Only] [Experimental]

The Animation.playState property of the Web Animations API returns sets an enumerated value describing the playback state of an

`var currentPlayState = Animation.playState;

Animation.playState = newState;`

See also: https://developer.mozilla.org/en-US/docs/Web/API/Animation/playState

playback-rate cljs

(playback-rate this)

Property.

[Experimental]

The Animation.playbackRate property of the Web Animations API or sets the playback rate of the animation.

`var currentPlaybackRate = Animation.playbackRate;

Animation.playbackRate = newRate;`

See also: https://developer.mozilla.org/en-US/docs/Web/API/Animation/playbackRate

ready cljs

(ready this)

Property.

[Read Only] [Experimental]

The read-only Animation.ready property of the Web Animations returns a js.Promise which resolves when the animation is ready play. A new promise is created every time the animation enters "pending" play state as well as when the animation is canceled, in both of those scenarios, the animation is ready to be started

var readyPromise = Animation.ready;

See also: https://developer.mozilla.org/en-US/docs/Web/API/Animation/ready

reverse cljs

(reverse this)

Method.

[Experimental]

The Animation.reverse() method of the web.animation.Animation reverses the playback direction, meaning the animation ends at beginning. If called on an unplayed animation, the whole animation played backwards. If called on a paused animation, the animation continue in reverse.

animation.reverse();

See also: https://developer.mozilla.org/en-US/docs/Web/API/Animation/reverse

set-current-time! cljs

(set-current-time! this val)

Property.

[Experimental]

The Animation.currentTime property of the Web Animations API and sets the current time value of the animation in milliseconds, running or paused.

var currentTime = Animation.currentTime; Animation.currentTime = newTime;

See also: https://developer.mozilla.org/en-US/docs/Web/API/Animation/currentTime

set-effect! cljs

(set-effect! this val)

Property.

[Experimental]

The Animation.effect property of the Web Animations API gets sets the target effect of an animation. The target effect may either an effect object of a type based on AnimationEffectReadOnly, as web.animation.KeyframeEffect, or null.

`var effect = Animation.effect;

Animation.effect = AnimationEffectReadOnly`

See also: https://developer.mozilla.org/en-US/docs/Web/API/Animation/effect

set-id! cljs

(set-id! this val)

Property.

[Experimental]

The Animation.id property of the Web Animations API returns or a string used to identify the animation.

`var animationsId = Animation.id;

Animation.id = newIdString;`

See also: https://developer.mozilla.org/en-US/docs/Web/API/Animation/id

set-oncancel! cljs

(set-oncancel! this val)

Property.

[Experimental]

The oncancel property of the Web Animations API's web.animation.Animation is the event handler for the cancel event.

`var cancelHandler = Animation.oncancel;

Animation.oncancel = cancelHandler;`

See also: https://developer.mozilla.org/en-US/docs/Web/API/Animation/oncancel

set-onfinish! cljs

(set-onfinish! this val)

Property.

[Experimental]

The web.animation.Animation interface's onfinish property (from Web Animations API) is the event handler for the finish event. event is sent when the animation finishes playing.

`var finishHandler = Animation.onfinish;

Animation.onfinish = finishHandler;`

See also: https://developer.mozilla.org/en-US/docs/Web/API/Animation/onfinish

set-playback-rate! cljs

(set-playback-rate! this val)

Property.

[Experimental]

The Animation.playbackRate property of the Web Animations API or sets the playback rate of the animation.

`var currentPlaybackRate = Animation.playbackRate;

Animation.playbackRate = newRate;`

See also: https://developer.mozilla.org/en-US/docs/Web/API/Animation/playbackRate

set-start-time! cljs

(set-start-time! this val)

Property.

[Experimental]

The Animation.startTime property of the web.animation.Animation is a double-precision floating-point value which indicates the time when an animation's playback should begin.

`var animationStartedWhen = Animation.startTime;

Animation.startTime = newStartTime;`

See also: https://developer.mozilla.org/en-US/docs/Web/API/Animation/startTime

set-timeline! cljs

(set-timeline! this val)

Property.

[Experimental]

The Animation.timeline property of the web.animation.Animation returns or sets the timeline associated with this animation. timeline is a source of time values for synchronization purposes, is an web.animation.AnimationTimeline-based object. By default, animation's timeline and the web.Document's timeline are the

`var animationsTimeline = Animation.timeline;

Animation.timeline = newTimeline;`

See also: https://developer.mozilla.org/en-US/docs/Web/API/Animation/timeline

start-time cljs

(start-time this)

Property.

[Experimental]

The Animation.startTime property of the web.animation.Animation is a double-precision floating-point value which indicates the time when an animation's playback should begin.

`var animationStartedWhen = Animation.startTime;

Animation.startTime = newStartTime;`

See also: https://developer.mozilla.org/en-US/docs/Web/API/Animation/startTime

timeline cljs

(timeline this)

Property.

[Experimental]

The Animation.timeline property of the web.animation.Animation returns or sets the timeline associated with this animation. timeline is a source of time values for synchronization purposes, is an web.animation.AnimationTimeline-based object. By default, animation's timeline and the web.Document's timeline are the

`var animationsTimeline = Animation.timeline;

Animation.timeline = newTimeline;`

See also: https://developer.mozilla.org/en-US/docs/Web/API/Animation/timeline

update-playback-rate cljs

(update-playback-rate this & args)

Method.

[Experimental]

The updatePlaybackRate() method of the Web Animations API's web.animation.Animation sets the speed of an animation after first synchronizing its position.

Animation.updatePlaybackRate(2);

See also: https://developer.mozilla.org/en-US/docs/Web/API/Animation/updatePlaybackRate