在倒数计时器div之后替换div

Question

如何将javascript倒计时div替换为新div。我已经尝试隐藏它的可见性，但它似乎不能替换新的div

＆＃13;

＆＃13;

// Set the date we're counting down to
var countDownDate = new Date("Sep 16, 2017 16:22:00").getTime();

// Update the count down every 1 second
var x = setInterval(function() {

  // Get todays date and time
  var now = new Date().getTime();

  // Find the distance between now an the count down date
  var distance = countDownDate - now;

  // Time calculations for days, hours, minutes and seconds
  var days = Math.floor(distance / (1000 * 60 * 60 * 24));
  var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
  var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
  var seconds = Math.floor((distance % (1000 * 60)) / 1000);

  // Output the result in an element with id="demo"
  document.getElementById("demo").innerHTML = days + "d " + hours + "h " +
    minutes + "m " + seconds + "s ";

  // If the count down is over, write some text 
  if (distance < 0) {
    clearInterval(x);
    document.querySelector("#div1").style.display = "block";
    document.getElementById("demo").style.visibility = "hidden";

  }
}, 1000);

＆＃13;

#demo {
  text-align: center;
  font-size: 60px;
}

#div1 {
  text-align: center;
  font-size: 60px;
}

＆＃13;

<div id="demo"></div>
<div id="div1" style="display:none;">
  <p>Hello</p>
</div>

＆＃13;

＆＃13;

＆＃13;

但我想将其替换为此div

<div id="div1" style="display:none;" ><p>Hello</p></div>