javascriptまたはjqueryで特定のクラスが出現するまで待機する

Question

処理の流れ

1.Class:COL02のDiv要素がテキストから読み込まれる <Reader.js>

2.Class:COL2が出現するまで待機する <Time.js>

3.Class:COL2が出現したときにある処理をする <Time.js>

このときに、Time.jsは待機状態になるがReader.jsの処理は動き続けるみたいなことがしたいです。

可能でしょうか？可能である場合サンプルコードがほしいです！

よろしくお願いいたします。

Answer 1

Time.jsで具体的に何をするのか分からないので見当ハズレかも知れませんが
Read.jsで読み込む際やDomに組み込む際にチェックして、「Class:COL2」があれば関数を呼び出せばいいんじゃないでしょうか？この場合Time.jsは不要です。

Answer 2

Time.js は、setInterval を使って定期的にCOL2の出現を監視させておいて、
Reader.js は setTimeout でうまく遅延しながら垂れ流しておけばいけるんじゃないですか。
でも、Javascriptはシングルスレッドなので、やろうとしていることはけっこうしんどいと思います。