2017年2月11日

指定要素に一定間隔(秒)でクラスを付けていく

指定要素(例えば、li 要素など)に一定の間隔(秒数)で順番にクラスを付けていく(addClass)する方法を紹介します。付加されたクラスのスタイルを定義することで、一定間隔で見た目を変化させていくことができます。

HTML

jQuery

補足

  • このサンプルでは、指定した ul li 要素に1秒間隔で "ON" というクラスが付加されます。

CSS

補足

  • "ON" クラスが付いた ul li 要素に背景色を設定しています。これにより、"ON" クラス が付加されたタイミングで背景色が適用されます。

サンプル