javascript - divを15秒間表示してから、別のdivを表示します

Question

ゲームのウェブサイトを持っていて、ゲームの前に広告を出したいです。それで、誰かがその下に言う15秒間の広告divを表示する方法を教えてもらえますか？「ゲームは[残り時間]秒で始まります」。その後、時間が経過すると、ゲームを保持しているdivが表示されます。javascriptでお願いします。

ありがとうございました

Answer 1

setTimeoutを確認することをお勧めします。それはあなたが特定の時間の後に何かをすることを可能にします。さらにサポートが必要な場合はお知らせください。

編集：ごめんなさい、あなたの質問を読み間違えました。使用する必要があるより適切な方法はsetIntervalです。これにより、15秒間、毎秒、時間を表示できます。スペランスキーの答えは正しい考えを持っています。

Answer 2

デモ： http： //jsfiddle.net/myDTK/1

var secondsLeft = 15;
var delay = 1000; // 1 second

var interval = setInterval(function () {
  if (secondsLeft > 0) {
    document.getElementById('timer').innerHTML = 'The game will start in ' + secondsLeft + ' seconds...';
    secondsLeft -= 1;
  } else {
    document.getElementById('timer').style.display = 'none';
    clearInterval(interval);
    document.getElementById('game').style.display = 'block';
  }
}, delay);​

Answer 3

    function doSome() {
       //do some
    }

    setTimeout(function(){
       doSome();
    }, 15000);

Answer 4

setTimeout関数を見てください

例えば。

setTimeout(function(){
  //code to hide the div and how game div
}, 15000);

Answer 5

これは、jQueryを使用した実際の例です。

基本的には、divを追加する関数を作成し、必要なときにその関数setTimeout(removeFunction, 15000)を呼び出してから、その関数で15秒後にremove関数を呼び出します。

カウントダウンタイマーを実行するには、関数updateTimerを1秒に1回呼び出し（ここでもsetTimeout(updateTimer, 1000)）、その関数でタイマーを検索してカウンターをデクリメントするだけです。