The wait Command

Syntax

wait (<time expression> | for <event> [from <source>] )

Description

The wait command can either wait for an event to occur or for a fixed amount of time

In the form wait for <event> {or <event>} [from <source>] the hyperscript will pause until the element receives any of the specified events.

Events may destructure properties into local variables using the eventName(property1, property2, ...) form.

In the wait <time-expr> form, it waits the given amount of time, which can be in the following formats:

This command is asynchronous. All commands that follow it will be delayed until the wait completes.

Examples

<div _='on click add .example then wait for transitionend'>
  Add the class, then wait for the transition to complete 
</div>

<div _='on click add .example then wait 2s then remove .example'>
  Add and then remove a class
</div>

<div _='wait for mousemove(clientX, clientY) or mouseup(clientX, clientY) from document'>
  Mouse Dragging...
</div>