Avatar billede MrLund Nybegynder
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?
Avatar billede majbom Novice
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>
Avatar billede intenz Novice
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);
Avatar billede lolman Nybegynder
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>
Avatar billede MrLund Nybegynder
10. februar 2010 - 20:21 #4
Det er fornemt, tak :D

Smid et svar :)
Avatar billede majbom Novice
11. februar 2010 - 13:27 #5
fik du det til at virke?

sidder selv med noget magen til nu, og det driller lidt :s
Avatar billede majbom Novice
04. november 2010 - 13:15 #6
hvem skal smide svar?
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester