Javascript隐藏div并用简单的倒数计时器显示另一个div

Question

有没有办法隐藏div并用javascript显示另一个div？

例如：

<div id="box1"></div>

<div id="box2"></div>

有2个div。首先，div id box2是隐藏的，我需要在div id box1上显示10秒钟的倒数计时器，当倒计时10秒结束时，隐藏div id box1并显示box2

感谢谁回答了我的问题。

Answer 1

你想要一个纯粹的Javascript版本吗？

http://plnkr.co/edit/55h5cmxOAZeNTGbKzedA?p=preview

setInterval(function thing() {

  var b1 = document.getElementById('box1');
  var b2 = document.getElementById('box2');

  if(b1['style'].display == 'none') {
    b1['style'].display = 'block';
    b2['style'].display = 'none';
  } else {
    b1['style'].display = 'none';
    b2['style'].display = 'block';
  }

}, 10000);