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