javascript - Mobile Safari og Javascript - Udvikleren.dk

Tags: javascript ios safari

Bruger #17126 @ 27.06.12 13:51

Hej allesammen. Jeg har kastet mig ud i at arbejde med apples mobile safari. Men den driller mig lidt. Jeg har en lille smule javascript jeg gerne vil har eksekveret som en del af et while loop men det virker ikke. Når jeg fjerne loopet fungere koden fint nok. Forstår det simpelthen ikke.

JScript kode

 var end = false;
 while(!end){
     var timer;
     timer = setInterval (function(){
         if(second<=60){
         document.getElementById("second").innerHTML = second;
         second++;
         } else {
             second = 0;
             clearInterval(timer);
         }
     }, 1000);
 }

håber nogen kan hjælpe mig

Indlæg senest redigeret d. 27.06.2012 13:53 af Bruger #17126

8 svar postet i denne tråd vises herunder
1 indlæg har modtaget i alt 6 karma

Sorter efter stemmer Sorter efter dato

Bruger #17081 @ 27.06.12 19:15

1.258

dit problem er vel også ... at du hopper ud af løkken hvergang du laver en setInterval ... så du sætter uendeligt mange setInterval .... gør det omvendt ... så du bruger setInterval til, at sætte den næste setInterval

Bruger #15301 @ 27.06.12 14:10

732

Det ligner umindbart at du render rundt i en uendelig løkke.

Du sætter på intet tidspunkt end = true.

Bruger #15754 @ 27.06.12 14:35

989

.. og second er ikke instansiseret på noget tidspunkt.

Bruger #17126 @ 27.06.12 14:54

Second er instantieret tidligere i koden. og det er den uendelige løkke jeg er på jagt efter indtil videre. Hvis man tager denne del

JScript kode

 var timer;
 timer = setInterval (function(){
 if(second<=60){
 document.getElementById("second").innerHTML = second;
 second++;
 } else {
 second = 0;
 clearInterval(timer);
 }
 }, 1000);

virker koden fint nok. Men da jeg skal have den til at loope vil jeg gerne inkludere den i while loopet. Problemet er at lige så snart jeg inkludere loopet virker koden ikke længere.

Jeg vedhæfter lige hele koden her så det hele kan ses.

HTML kode

 <html>
 <head>
 <meta name = "viewport" content = "initial-scale = 1.0, user-scalable = no" />
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
 <script type="text/javascript" src="NKit.js"></script>
 <link rel="stylesheet" type="text/css" href="mainStyle.css"/>
 </head>
 <body>
 
 <div id="timer"><p id="hour"></p>
                 <p id="minute"></p>
                 <p id="second"></p>
 </div>
 
 <script type="text/javascript">
 var second = 0;
 var minute = 0;
 var hour = 0;
 var end = false;
 
 while(!end){
     var timer;
     timer = setInterval (function(){
         if(second<=60){
         document.getElementById("second").innerHTML = second;
         second++;
         } else {
             second = 0;
             clearInterval(timer);
         }
     }, 1000);
 }
 </script>
 
 
 </body>
 </html>

Indlæg senest redigeret d. 27.06.2012 15:12 af Bruger #17126

Bruger #15301 @ 27.06.12 15:14

732

Din uendelige kode, starter pt. "uendelige" mange timere.

Hvis det er for, at du gerne vil have din timer til at køre, igen og igen. Så bør du genstarte din timer, igen for hver gang den ticker.

Bruger #17126 @ 27.06.12 15:34

okay. Det giver mening. Jeg ville umiddelbart mene at jeg skulle gøre sådan her så

JScript kode

 while(!end){
     var timer;
     timer = setInterval (function(){
         if(second<=60){
         document.getElementById("second").innerHTML = second;
         second++;
         } else {
             second = 0;
         }
     }, 1000);
     clearInterval(timer);
 }

Men det virker heller ikke. Har jeg misforstået hvad du mente?

Så vidt jeg forstod mente du at jeg skulle stoppe timeren hver gang den havde talt "1" for at undgå og have et uendeligt antal timere.

Bruger #15301 @ 27.06.12 17:16

732

Hvis du bare bruger setInterval uden at kalde clearInterval.

Kalder den automatisk funktionen hvert sekund

Bruger #17126 @ 27.06.12 22:54

Rigtig god idé Dan, det virker perfekt

..

Koden endte med at se sådan her ud

JScript kode

 function start(){
     var timer;
     timer = setInterval (function counter(){
         if(second<=5){
         document.getElementById("second").innerHTML = second;
         second++;
         } else {
             second = 1;
             counter();        }
     }, 1000);
 }

Mange tak for hjælpen til alle jer der gav jer tid til at besvare mit spørgsmål

Mobile Safari og Javascript

Karma barometer (30 dage)

Modtaget

Givet

Favorit hos
Forum tråde
Artikler