指定要素(例えば、li 要素など)に一定の間隔(秒数)で順番にクラスを付けていく(addClass)する方法を紹介します。付加されたクラスのスタイルを定義することで、一定間隔で見た目を変化させていくことができます。
HTML
jQuery
補足
- このサンプルでは、指定した ul li 要素に1秒間隔で "ON" というクラスが付加されます。
CSS
補足
- "ON" クラスが付いた ul li 要素に背景色を設定しています。これにより、"ON" クラス が付加されたタイミングで背景色が適用されます。