CSS変数で名前付きカラーをランダムに表示する

はじめに

いろいろ使い方を覚えて来たので、組み合わせてみよう。
色名をリストに持って、そこからランダムに色名を取得してCSS変数に入れる。
これをsetIntervalを使って1秒ごとに実行する。

実行例

See the Pen Untitled by kalz2q (@kalz2q) on CodePen.

解説

setIntervalを起動するのにuseEffectに入れたけどこれが普通のやり方かどうか。
今のままだと永久に動いているのでストップボタンを付けたい。
=> interval で動いているものを stop するのは難しいみたいです。
timer だとストップ出来たのでなんとかならないか。