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

Question

我有一个游戏网站，我想在游戏前做广告。那么，有人能告诉我如何显示广告div 15秒吗？下面写着："游戏将在[剩余时间]秒后开始"。然后一个时间到了，它就会显示持有游戏的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（同样是setTimeout(updateTimer, 1000)），并让该函数简单地搜索计时器并递减计数器。