Example #2: repeated blinking with iterated timeouts
By using .toggleClass() the CSS class switches from being added and removed after every timeout.
In this example a repeated timeout of 700 milliseconds is used.
⇒This is a blinking text.
See also another example for the same task using an interval loop instead.
Other examples with instant loops
- 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 #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 open loops
- Example #1: repeated blinking (like in the old days with the deprecated
<blink>
element) - 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 #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 #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 #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 #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 #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