2 svar · 278 visningar · startad av Jesper T
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.