Sample 2

by packy

HTML

<div class='box'>1</div>
<div class='box'>2</div>
<div class='box'>3</div>

CSS

.box { display:inline-block; position:relative; opacity:0; }

JavaScript

var DivB = document.getElementsByClassName("box");
var i; 
  
function myFade(){
for (var i=0; i<DivB.length; i++){
setTimeout(function(){DivR[i].style.opacity="1"}, i*1000)}
}

myFade();