md` ### Options All options can be set in the options object of the Timer constructor.

\`duration\`: length of the timer in seconds. Defaults to \`1\`. Same as [HTMLMediaElement.duration](https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/duration).
\`currentTime\`: current playback time in seconds. Defaults to \`0\`. Same as [HTMLMediaElement.currentTime](https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/currentTime).
\`autoplay\`: indicates whether playback should automatically begin. Defaults to \`false\`. Same as [HTMLMediaElement.autoplay](https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/autoplay).
\`loop\`: controls whether the media element should start over when it reaches the end. Defaults to \`false\`. Same as [HTMLMediaElement.loop](https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/loop).
\`playbackRate\`: sets the rate at which the media is being played back. Defaults to \`1.0\`. Same as [HTMLMediaElement.playbackRate](https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/playbackRate).
\`defaultPlaybackRate\`: indicates the default playback rate for the media. Defaults to \`1.0\`. Same as [HTMLMediaElement.defaultPlaybackRate](https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/defaultPlaybackRate). Note that setting defaultPlaybackRate has no effect on the play rate, as stated by the standard.
\`delay\`: approximate time in milliseconds between two successive \`timeupdate\` events. Defaults to 200
\`onstep\`: a function that will be called on each new animation frame when playing with the current time in seconds as its unique argument. Defaults to undefined
\`invalidation\`: an optional promise that will dispose of the internal resources if resolved. Defaults to undefined

### Properties All options can be get and set as properties of the timer object as with [HTMLMediaElement](https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement), for example: ~~~js timer.loop = false; const t = timer.duration; timer.currentTime = 3 ~~~ Other properties:

\`paused\`: _read-only_. tells whether the media element is paused. Same as [HTMLMediaElement.paused](https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/paused).

### Methods

\`pause()\`: pause playback of the timer. If the timer is already in a paused state this method will have no effect.. Same as [HTMLMediaElement.pause()](https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/pause).
\`play()\`: attempts to begin playback of the timer (it will always succeed, contrarily to HTMLMediaElement.play()). It returns a Promise which is resolved when playback has been successfully started (always). Same as [HTMLMediaElement.play()](https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/play).

### Events

\`ended\`: fired when playback or streaming has stopped because the end of the timer was reached. Same as [HTMLMediaElement ended event](https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/ended_event).
\`pause\`: sent when a request to pause an activity is handled and the activity has entered its paused state, most commonly after the timer has been paused through a call to the pause() method. Same as [HTMLMediaElement pause event](https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/pause_event).
\`play\`: fired when the paused property is changed from true to false, as a result of the play() method, or the autoplay attribute. Same as [HTMLMediaElement play event](https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/play_event).
\`ratechange\`: fired when the playback rate has changed. Same as [HTMLMediaElement ratechange event](https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/ratechange_event).
\`timeupdate\`: fired when the time indicated by the currentTime attribute has been updated. Same as [HTMLMediaElement timeupdate event](https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/timeupdate_event).
\`durationchange\`: fired when the duration attribute has been updated. Same as [HTMLMediaElement durationchange event](https://developer.mozilla.org/en-US/docs/Web/API/HTMLMediaElement/durationchange_event).

Purpose-built for displays of data