Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [js] problem z setTimeout
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
Qcumbeer
21.03.2010, 16:44:51
Siema, chcialem stworzyc prosty skrypt ktory odliczalby do weekendu winksmiley.jpg Niestety nie działa tak jak bym tego chciał -.- Wydaje mi sie ze problem jest z funkcja setTimeout ktora wg. mnie powinna wlaczac funkcje czas od nowa (czyli w sumie cały skrypt) po upływie 1s.
Tutaj kod:

[HTML] pobierz, plaintext 
  1. <html><head></head><body>
  2.  
  3. <script LANGUAGE="JavaScript">
  4. <!-- 
  5.  
  6. function czas(){
  7.  
  8. now = new Date()
  9. var godz = now.getHours();
  10. var min = now.getMinutes();
  11. var sec = now.getSeconds();
  12. document.write("<center><br><br>")
  13.  
  14. if (now.getDay() == 5)
  15. document.write("NIE<br><br>Pozostało:<br>" + Math.floor(23 - godz) + " godzin " + Math.floor(59 - min) + " minut " + Math.floor(59 - sec) + " sekund")
  16.  
  17. if (now.getDay() == 6)
  18. document.write("<b>TAK!</b>") 
  19.  
  20. if (now.getDay() == 0)
  21. document.write("<b>TAK!</b>")
  22.  
  23. if (now.getDay() == 1)
  24. document.write("<b>NIE</b><br><br>Pozostało:<br>" + Math.floor(119 - godz) + " godzin " + Math.floor(59 - min) + " minut " + Math.floor(59 - sec) + " sekund")
  25.  
  26. if (now.getDay() == 2)
  27. document.write("<b>NIE</b><br><br>Pozostało:<br>" + Math.floor(95 - godz) + " godzin " + Math.floor(59 - min) + " minut " + Math.floor(59 - sec) + " sekund")
  28.  
  29. if (now.getDay() == 3)
  30. document.write("<b>NIE</b><br><br>Pozostało:<br>" + Math.floor(71 - godz) + " godzin " + Math.floor(59 - min) + " minut " + Math.floor(59 - sec) + " sekund")
  31.  
  32. if (now.getDay() == 4)
  33. document.write("<b>NIE</b><br><br>Pozostało:<br>" + Math.floor(47 - godz) + " godzin " + Math.floor(59 - min) + " minut " + Math.floor(59 - sec) + " sekund ")
  34.  
  35. document.write("</center>")
  36. setTimeout('czas()',1000);
  37.  
  38. }
  39.  
  40. onload=function(){czas();}
  41.  
  42. //-->
  43. </SCRIPT>
  44.  
  45. </body>
  46. </html
[HTML] pobierz, plaintext


Mam nadzieje ze ktos mi powie co jest nie tak smile.gif (Dzisiaj jest niedziela i skrypt wyswietla "TAK", problem jest gdy powinien odliczac wiec przestawcie sobie date w windowsie na np. wtorek i zobaczycie o co kaman).
Pozdrawiam.
yahreck
23.03.2010, 23:40:23
Nie tylko Ty Qcumbeer masz z tym problem.
Ja mam jeszcze prostszy skrypt typu timer, którego zadaniem jest odliczanie w dół np. od 10 do zera co sekundę i nie działa.

Mój problem polega na tym, że funkcja zmniejsz() po wywołaniu wykonuje się i zmniejsza argument 10 o 1 czyli wynik jest 9, a wewnątrz niej funkcja setTimeout() wywołuje ponownie funkcję zmniejsz(), ale tylko raz i 9 zmniejsza o 1 do 8, a potem wygląda na to, że przeglądarka się zapętla, bo w kółko kręci, kręci, kręci... i stoi na wyniku 8.
Co jest źle?
[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <script type="text/javascript">
  4. function zmniejsz(czas) {
  5. wynik = czas-1;
  6. if (wynik!=0) {
  7. document.write (wynik)
  8. setTimeout('zmniejsz(wynik)', 1000);
  9. } else {
  10. document.write ("koniec")
  11. }
  12. }
  13. </script>
  14. </head>
  15. <body onload="zmniejsz(10);">
  16. </body>
  17. </html>
[HTML] pobierz, plaintext
Qcumbeer
24.03.2010, 07:47:33
hehe no troche mnie pocieszyles tongue.gif no wlasnie nie moge zrozumieć dlaczego w tym skrypcie to działa! \/

[HTML] pobierz, plaintext 
  1. <html><head></head><body>
  2. <script type="text/javascript">
  3. function CD(d,o,t,x){return[x=~~(t=(d-o)/864e5),x=~~(t=(t-x)*24), x=~~(t=(t-x)*60),~~((t-x)*60)]}
  4. function R(t){
  5. t=CD(new Date(2010,03,31,17,00,00),new Date());
  6. document.getElementById('costam').innerHTML='<center><b>Event<br>za:</b><br>'+t[0]+" dni, "+t[1]+" h, "+t[2]+" min, "+t[3]+"s"+"</center>";
  7. if((!t[0]&&!t[1]&&!t[2]&&!t[3]) || (t[0] <= 0 && t[1] <= 0 && t[2] <= 0 && t[3] <= 0))
  8. document.getElementById('costam').innerHTML='Dzisiaj jest<br><br>Event!';
  9. else
  10. setTimeout('R()',1e3);
  11. }
  12.  
  13. onload=function(){R();}
  14.  
  15. </script>
  16.  
  17. <div id="costam"></div>       
  18. </body>
  19. </html>
[HTML] pobierz, plaintext



tylko ze ten odlicza do danej daty (i zle liczy dni) a ja hce zeby odliczal do powiedzmy piatku 18:00, od piatku 18:00 do niedzieli 24:00 byl komunikat ze jest weekend a potem od poniedzialku dalej odliczal do piatku 18:00,

na prawde nikt nie wie co jest z tym nie tak? nikt nie pomoze?
yahreck
24.03.2010, 11:24:35
U mnie zadziałało, gdy wyświetlanie wyników przerzuciłem do okienka tekstowego.
Może i Ty Qcumbeer musisz zrobić coś podobnego?
[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <script type="text/javascript">
  4. function zmniejsz(czas) {
  5. wynik = czas-1;
  6. if (wynik!=0) {
  7. document.getElementById('czas').value = wynik
  8. setTimeout('zmniejsz(wynik)', 1000);
  9. } else {
  10. document.write ("koniec")
  11. }
  12. }
  13. </script>
  14. </head>
  15. <body onload="zmniejsz(10);">
  16.   <form>
  17.    <input type="text" id="czas" />
  18.   </form>
  19. </body>
  20. </html>
[HTML] pobierz, plaintext


Cytat(Qcumbeer @ 24.03.2010, 07:47:33 ) *
nie moge zrozumieć dlaczego w tym skrypcie to działa! \/
[HTML] pobierz, plaintext 
  1. ... 
  2. <div id="costam"></div>
  3. ...
[HTML] pobierz, plaintext

Może dlatego działa, że wynik jest zwracany w miejscu znaczników <div> ?
Qcumbeer
25.03.2010, 20:57:01
ok, dzieki wielkie yahreck za podpowiedz z tym okienkiem tekstowym smile.gif) w diva nie chcialo mi sie bawic. dla zainteresowanych pokombinowalem troche zeby to nie wygladalo tak brzydko jak okienko i skrypt teraz wyglada tak:


[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3.  <style>
  4.   input{border:none;font: 12pt/12pt Verdana, serif;}
  5.   input:disabled{background-color:#ffffff;}
  6.  </style>
  7.  
  8.       <script LANGUAGE="JavaScript">
  9.       <!--
  10.  
  11.       function czas(){
  12.  
  13.       now = new Date()
  14.       var godz = now.getHours();
  15.       var min = now.getMinutes();
  16.       var sec = now.getSeconds();
  17.  
  18.       if (now.getDay() == 5){
  19.        if (godz < 17){
  20.       document.getElementById('wynik').value="pozostało: " + Math.floor(16 - godz) + "h " + Math.floor(59 - min) + "m " + Math.floor(59 - sec) + "s";
  21.       document.getElementById('lol').value="NIE";
  22.        }
  23.         else{
  24.         document.getElementById('wynik').value="";
  25.         document.getElementById('lol').value="TAK!";
  26.         document.getElementById('weekend').value="Można świętować!";
  27.         }
  28.       }
  29.  
  30.       if (now.getDay() == 6){
  31.       document.getElementById('wynik').value="";
  32.       document.getElementById('lol').value="TAK!";
  33.       document.getElementById('weekend').value="Można świętować!";
  34.       }
  35.  
  36.       if (now.getDay() == 0){
  37.       document.getElementById('wynik').value="";
  38.       document.getElementById('lol').value="TAK!";
  39.       document.getElementById('weekend').value="Można świętować!";
  40.       }
  41.  
  42.       if (now.getDay() == 1){
  43.       document.getElementById('wynik').value="pozostało: " + Math.floor(112 - godz) + "h " + Math.floor(59 - min) + "m " + Math.floor(59 - sec) + "s";
  44.       document.getElementById('lol').value="NIE";
  45.       }
  46.  
  47.       if (now.getDay() == 2){
  48.       document.getElementById('wynik').value="pozostało: " + Math.floor(88 - godz) + "h " + Math.floor(59 - min) + "m " + Math.floor(59 - sec) + "s";
  49.       document.getElementById('lol').value="NIE";
  50.       }
  51.  
  52.       if (now.getDay() == 3){
  53.       document.getElementById('wynik').value="pozostało: " + Math.floor(64 - godz) + "h " + Math.floor(59 - min) + "m " + Math.floor(59 - sec) + "s";
  54.       document.getElementById('lol').value="NIE";
  55.       }
  56.  
  57.       if (now.getDay() == 4){
  58.       document.getElementById('wynik').value="pozostało: " + Math.floor(40 - godz) + "h " + Math.floor(59 - min) + "m " + Math.floor(59 - sec) + "s";
  59.       document.getElementById('lol').value="NIE";
  60.       }
  61.  
  62.       setTimeout('czas()',1000);
  63.  
  64.       }
  65.  
  66.       //-->
  67.       </SCRIPT>
  68.  
  69. </head>
  70.  
  71. <body onload="czas();">
  72. <br>
  73. <center>
  74. <form>
  75.  <input type="text" id="lol" style="text-align:center;font-size:70" size="3" disabled><br><br>
  76.  <input type="text" id="wynik" style="font-size:small;text-align:center;" size="21" disabled><br>
  77.  <input type="text" id="weekend" style="font-size:small;text-align:center;" size="21" disabled>
  78. </form>
  79. <center>
  80.  
  81. </body>
  82. </html>
[HTML] pobierz, plaintext



i wszystko działa pieknie jak nalezy smile.gif
Kopiowanie jak najbardziej wskazane biggrin.gif

peace
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.