2017年2月17日

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

リスト要素に一定間隔(秒)でクラスを付け替えていく方法について紹介します。ニュース・タイトルや画像を一定間隔で切り替えたい時などに使えると思います。

HTML

jQuery

補足

  • このサンプルでは指定した ul li 要素に3秒間隔で "ON" というクラスを順番に付け替えています。

CSS

補足

  • 非表示にしている ul li 要素が "ON" というクラスが付加されたタイミングで表示されます。

サンプル

関連記事