Sample 1

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");

setTimeout(function(){DivB[0].style.opacity = "1"}, 1000);
setTimeout(function(){DivB[1].style.opacity = "1"}, 2000);  
setTimeout(function(){DivB[2].style.opacity = "1"}, 3000);