Sample 3

by packy

HTML

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

CSS

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

JavaScript

var DivB = document.getElementsByClassName("box");
var i; 

var myVar = function(){
for (i=0;i<DivB.length;i++){
DivB[i].style.opacity = "1";};
}

setTimeout(myVar, 2000);