Example #6: iterate all selected elements with a timeout
Here we combine two loops. The outer loop is an open interval loop repeating once per second. The inner loop is a sequential each-loop toggling the CSS class for every selected span element with a timeout after each step.
⇒This is a sample sentence with some words.
Other examples with each-loops
Other examples with instant loops
- 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 #8: simple progress indicator with text
- Example #12: cyclic button clicks
- Example #15: enable continue button only after making choices
- 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 intervals
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 #7: clock display with one short blink per second
- Example #8: simple progress indicator with text
- Example #14: wait a timeout after each click before blinking
- 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 #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 #14: wait a timeout after each click before blinking
- 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 #7: clock display with one short blink per second
- Example #10: fading submenus with user friendly timeouts
- Example #14: wait a timeout after each click before blinking
- Example #15: enable continue button only after making choices
- Example #18: falling little boxes
- Example #19: pause animation cycle on mouseover