注: 私は開発者ではありません。どちらかというと愛好家です (n00b を読んでください)。これに対する答えを探してみましたが、これまでのところ、この特定のシナリオに対する答えを提供するものは見つかりませんでした。
これは比較的基本的なことですが、時間遅延またはマウスクリックのいずれかの後に表示される 3 つの非表示要素を持つページを作成しようとしています。私が苦労しているのは、3 つの要素すべてを同じページで実行することです。
必須:
要素 1: ページ読み込みの 10 秒後に表示される非表示の画像
要素 2: ページ読み込みの 10 分後に表示される非表示の div要素 3:要素 2 内の
ボタン画像をクリックすると、別の非表示の div が表示されます
次の setTimeout 関数を使用して要素 1 を表示していますが、この後に 2 番目の setTimeout コマンドを実行できません。
<script language="javascript" type="text/javascript">
var pop=10;
function showIt() {
document.getElementById("hid").style.display = "block";
}
setTimeout(showIt, 10000);
</script>
要素 ID を「hid2」に変更して 2 番目の要素に対してこのコードを繰り返してみましたが、実行されません。最初の settimeout を終了するには、cleartimeout 関数を使用する必要がありますか?
次に、要素 2 の後のマウス クリックで要素 3 を実行するためのコードが必要です。
JS の 3 つのビットすべてをうまく連携させることは、私には不可能に思えます。あなたの助けは大歓迎です!