私のhtmlには、div要素がたくさんあります。div を順番に表示したい。現在、私はこのコードを使用しています：
HTML:
<div id="text">
<img src="images/text.png" />
</div>
<div id="tv" style="display:none;">
<img src="images/tv.png" />
</div>
<div id="mobile" style="display:none;">
<img src="images/mcu.png" />
</div>
<div id="remote" style="display:none;">
<img src="images/rcu.png" />
</div>
Javaスクリプト:
$(document).ready(function () {
setTimeout(function () {
$("#tv").show();
}, 3000);
setTimeout(function () {
$("#mobile").fadeIn(500);
}, 4500);
setTimeout(function () {
$("#remote").show();
}, 5500);
});
このコードは完全に機能しています。ここでは 4 つの div を使用しているため、タイミングを手動で変更できます。しかし、私が必要としているのは、このような 50 個の div を作成することです。これを順番に表示する必要があります。その 50 div にこの setTimeout を使用すると、非常に難しくなります。
この概念以外のシーケンスで div を表示する方法はありますか。誰でもこれで私を助けることができますか？
前もって感謝します。