Как показывать на странице по времени разные div

setInterval(() => { 
 
  document.querySelectorAll('.ad div') 
          .forEach(ad => ad.classList.toggle('hidden')) 
 
}, 3000)

.one, .two { 
  color:white; 
  text-align:center; 
  top:0; 
  width: 250px; 
  height: 50px; 
  line-height: 50px; 
} 
 
.one { 
  background-color:green; 
} 
 
.two { 
  background-color:red; 
} 
 
.hidden { 
  display:none; 
}

<div class="ad"> 
  <div class="one">ad 1</div> 
  <div class="two hidden">ad 2</div> 
</div> 
 
<div class="ad"> 
  <div class="one hidden">ad 3</div> 
  <div class="two">ad 4</div> 
</div>