Example #14: wait a timeout after each click before blinking
With the concatenation of two .wait()s we achieve a single short blink.
Instead of attaching an event handler explicitly we start an infinite event loop for the "click" event. Repeat loops are always sequential, i.e. the next iteration can start only if the previous one ended. You can see this behavior when double- or triple-clicking the button.
⇒That text blinks half a second after hitting .
Other examples with inline attached events
- Example #3: a simple inline click handler
- Example #4: blinking a given number of times on click
- Example #9: generating password with fake progress
- Example #10: fading submenus with user friendly timeouts
- Example #12: cyclic button clicks
- Example #13: quick image selection
- Example #18: falling little boxes
Other examples with open loops
- Example #1: repeated blinking (like in the old days with the deprecated
<blink>
element) - Example #2: repeated blinking with iterated timeouts
- Example #6: iterate all selected elements with a timeout
- Example #7: clock display with one short blink per second
- Example #8: simple progress indicator with text
- Example #16: playing pong with divs
- Example #17: scheduling different elements' animations
- Example #19: pause animation cycle on mouseover
- Example #20: ruler with animation
Other examples with repeat-loops
- Example #1: repeated blinking (like in the old days with the deprecated
<blink>
element) - Example #2: repeated blinking with iterated timeouts
- Example #4: blinking a given number of times on click
- Example #5: create dynamic tables with instant loops
- Example #6: iterate all selected elements with a timeout
- Example #7: clock display with one short blink per second
- Example #8: simple progress indicator with text
- Example #9: generating password with fake progress
- Example #11: change the banner randomly in an interval loop
- Example #12: cyclic button clicks
- Example #16: playing pong with divs
- Example #17: scheduling different elements' animations
- Example #18: falling little boxes
- Example #20: ruler with animation
Other examples with timeouts
- Example #2: repeated blinking with iterated timeouts
- Example #6: iterate all selected elements with a timeout
- Example #7: clock display with one short blink per second
- Example #10: fading submenus with user friendly timeouts
- Example #15: enable continue button only after making choices
- Example #18: falling little boxes
- Example #19: pause animation cycle on mouseover