![](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj22LWO_F2zHC9AicuZbqw9nD8huwAnMkLgxKToIEFDS33xqP5ZUiEfdpM9hNSylLeCKhLYDWitP-rNcwuqQQ89M5W8EnaEs9wK6UbH6yyy_PSF396ojOKaBkCWmby6MCCRWJljXEugxxCF/s1600/%25E6%258C%2587%25E5%25AE%259A%25E8%25A6%2581%25E7%25B4%25A0%25E3%2581%25AB%25E4%25B8%2580%25E5%25AE%259A%25E9%2596%2593%25E9%259A%2594%25EF%25BC%2588%25E7%25A7%2592%25EF%25BC%2589-030.jpg)
指定要素(例えば、li 要素など)に一定の間隔(秒数)で順番にクラスを付けていく(addClass)する方法を紹介します。付加されたクラスのスタイルを定義することで、一定間隔で見た目を変化させていくことができます。
HTML
jQuery
補足
- このサンプルでは、指定した ul li 要素に1秒間隔で "ON" というクラスが付加されます。
CSS
補足
- "ON" クラスが付いた ul li 要素に背景色を設定しています。これにより、"ON" クラス が付加されたタイミングで背景色が適用されます。