javascript - 显示 div 15 秒，然后显示另一个 div

Question

我有一个游戏网站，我想在游戏前放一个广告。所以有人可以告诉我如何在下面显示广告 div 15 秒。“游戏将在 [time left] 秒后开始”。然后一个时间到了，它将显示保存游戏的 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 秒后的删除函数。

为了执行倒数计时器，您可以每秒调用一次函数 updateTimer（再次，setTimeout(updateTimer, 1000)）并让该函数简单地搜索计时器并减少计数器。