Lite fördröjning tack

Jag har gjort ett litet skript för att byta ut ettor emot nollor och tvärt om. Går det att få in en liten fördröjning mellan varje byte?

<script>
       
function rulla(){
   var obj = document.getElementById
       
	for(var i=1;i<5;i++){
       if(obj("ids_"+i).innerText=="1"){
         obj("ids_"+i).innerText="0";
       }else{obj("ids_"+i).innerText="1";}

       }
}
</script>
<div id="ids_1">0</div>
<div id="ids_2">1</div>
<div id="ids_3">0</div>
<div id="ids_4">1</div> 

<input type="button" onclick="rulla()" value="Rulla!">

JavaScript har (tyvärr) ingen "sleep"-funktion, så du får använda setTimeout;

<script>
function rulla(){
	var timeout=500; // ms.
	for(var i=1;i<5;i++){
		setTimeout("document.getElementById('ids_"+i+"').innerHTML=(document.getElementById('ids_"+i+"').innerHTML=='1')?'0':'1';",(i-1)*timeout);
	}
}
</script>
<div id="ids_1">0</div>
<div id="ids_2">1</div>
<div id="ids_3">0</div>
<div id="ids_4">1</div> 

<input type="button" onclick="rulla()" value="Rulla!">

Tack det gjorde susen.