Example #4: blinking a given number of times on click
We repeat .toggleClass() for an even number of times, so the class "blink" is absent again when the repeat loop finishes.
Remark that the click handler is assigned directly in the invocation chain using .click($).
⇒That text blinks two times after clicking .
Other examples with closed loops
- Example #5: create dynamic tables with instant loops
- 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 #15: enable continue button only after making choices
- Example #18: falling little boxes
- Example #20: ruler with animation
Other examples with inline attached events
- Example #3: a simple inline click handler
- 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 #14: wait a timeout after each click before blinking
- Example #18: falling little boxes
Other examples with instant loops
- Example #2: repeated blinking with iterated timeouts
- 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 repeat-loops
- Example #1: repeated blinking (like in the old days with the deprecated
<blink>
element) - Example #2: repeated blinking with iterated timeouts
- 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