30. januar 2010 - 21:42
Der er
6 kommentarer
skift class på div med 5 sek mellemrum
Jeg har en div <div class="parrot1"></div> Jeg har så class parrot1-parrot8 Jeg ville gerne have et script der automatisk skifter class fra parrot1-parrot8, og forfra igen, med 5 sekunders mellemrum - er det muligt?
Annonceindlæg tema
Cloud & AI
I dette særtema ser vi på, hvordan cloud og AI bliver fundamentet for virksomhedernes digitale forretning, og hvordan de nye muligheder for automatisering og forretningsværdi kan udnyttes uden at miste overblik, sikkerhed og menneskelig kontrol.
30. januar 2010 - 22:22
#1
<script type="text/javascript"> var no = 1; function change_class(elm){ obj = document.getElementById(elm); obj.className = 'parrot'+no; if(no==8){ no = 1; }else{ no++; } setTimeout("chang_class(elm);",5000); } </script> <body onload="change_class(minDiv)"> <div id="minDiv">bla</div>
01. februar 2010 - 14:05
#2
Jeg vil umiddelbart ikke tro, at den settimeout virker. Jeg ville lave den sådan her: setTimeout(function() {chang_class(elm)}, 5000);
02. februar 2010 - 18:56
#3
splazzz forslag skal bare lige ændres en lille smule: <script type="text/javascript"> var no = 1; function change_class(elm){ obj = document.getElementById(elm); obj.className = 'parrot'+no; if(no==8){ no = 1; }else{ no++; } setTimeout("chang_class("+elm+");",5000); } </script> <body onload="change_class(minDiv)"> <div id="minDiv">bla</div> eller måske: splazzz forslag skal bare lige ændres en lille smule: <script type="text/javascript"> var no = 1; classchangingInt = setInterval("chang_class("+elm+");",5000); function change_class(elm){ obj = document.getElementById(elm); obj.className = 'parrot'+no; if(no==8){ no = 1; }else{ no++; } } </script> <body> <div id="minDiv">bla</div> <button onclick="void(clearInterval(classchangingInt));">Stop CC</button>
10. februar 2010 - 20:21
#4
Det er fornemt, tak :D Smid et svar :)
11. februar 2010 - 13:27
#5
fik du det til at virke? sidder selv med noget magen til nu, og det driller lidt :s
04. november 2010 - 13:15
#6
hvem skal smide svar?
Vi tilbyder markedets bedste kurser inden for webudvikling