Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [js] J+Uruchamianie skryptu po czasie
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
mariusz1985
3.04.2009, 10:04:08
Witam mam pytanie
Mam taką funkcje na swojej stronie i co mam zrobić żeby funkcja ta wywołała się dopiero np po 5 sekundach od otwarcia strony
Ponieważ teraz startuje odrazu questionmark.gif

Proszę o pomoc


[HTML] pobierz, plaintext 
  1. <script language="JavaScript" type="text/javascript">
  2.  
  3. <!--hide
  4.  
  5.                //STEP 1: PUT THIS CODE INTO THE HEAD OF YOUR DOCUMENT
  6.  
  7. var wdmax=140;          //set maximum width of square image (px)
  8.  
  9. var wdmin=0;            //set minimum thickness of edge-on image (px)
  10.  
  11. var inc=5;              //set step change in px (wdmax-wdmin must be a multiple) )These two variables
  12.  
  13. var rate = 50;          //pause between steps (in millisec)                      )determine flip-flop speed
  14.  
  15. var pause = 1000;       //pause between flip and flop (in millisec)
  16.  
  17. var ff="flip";          //initialise whether movement starts with a "flip" (sideways) or "flop" (vertical) change.
  18.  
  19.  
  20.  
  21. function flipflop() {
  22.  
  23.  
  24.  if (ff=="flip") {
  25.  
  26.   var wd = document.getElementById("pic").getAttribute("height");
  27.  
  28.   wd = wd - inc;
  29.  
  30.   document.getElementById("pic").setAttribute("height",wd);
  31.  
  32.  
  33.  
  34.   if (wd==wdmin) {
  35.  
  36.    document.getElementById("pic").setAttribute("src","bcard2.png"); //substitute name of your second picture
  37.  
  38.    inc=-inc;
  39.  
  40.    }
  41.  
  42.   if (wd==wdmax) {
  43.  
  44.    ff="flop";
  45.  
  46.    inc=-inc;
  47.  
  48.    setTimeout("flipflop()",5000);
  49.  
  50.    }
  51.  
  52.    else {
  53.  
  54.    setTimeout("flipflop()",rate);
  55.  
  56.    }
  57.  
  58.  
  59.   }
  60.  
  61.  else {
  62.  
  63.   var ht = document.getElementById("pic").getAttribute("height");
  64.  
  65.   ht = ht - inc;
  66.  
  67.   document.getElementById("pic").setAttribute("height",ht);
  68.  
  69.   if (ht==wdmin) {
  70.  
  71.    document.getElementById("pic").setAttribute("src","bcard1.png"); //substitute name of your first picture
  72.  
  73.    inc=-inc;
  74.  
  75.    } 
  76.  
  77.   if (ht==wdmax) {
  78.  
  79.    ff="flip";
  80.  
  81.    inc=-inc;
  82.  
  83.    setTimeout("flipflop()",1000);
  84.  
  85.    }
  86.  
  87.    else {
  88.  
  89.    setTimeout("flipflop()",rate);
  90.  
  91.    }
  92.  
  93.   }
  94.  
  95.  
  96. }
[HTML] pobierz, plaintext
skowron-line
3.04.2009, 10:43:08
settimeout w body i onload
mariusz1985
5.04.2009, 23:08:35
Witam ale jak mam to umieścić w <body>

ja mam teraz tak : 

[HTML] pobierz, plaintext 
  1. <body bgcolor="#BDD10D" onload="initLightbox() ; flipflop() ; flipflop2() ; flipflop1()">
[HTML] pobierz, plaintext


i jak mam tu dodać setTimeout żeby flipflop startował po 1 sek , flipflop1 po 2 sek i flipflop2 po 3 sek
skowron-line
5.04.2009, 23:12:02 
[HTML] pobierz, plaintext 
  1. function execute()
  2. {
  3. setTimeOut( 'flipflop1',2000);
  4. setTimeOut( 'flipflop2',3000);
  5. }
  6. <body onload="initLightbox() ; execute();"
[HTML] pobierz, plaintext


Coś w ten deseń. Pisane z palca.
mariusz1985
5.04.2009, 23:29:33
niestety nie działa
nie wiem czemu. Na moje oko to powinno być poprawnie ale cały niestety wywala błąd i wcale się skrypt nie uruchamia. sad.gif
skowron-line
5.04.2009, 23:33:33
Jaki błąd.
Sprawdziłeś kod który Ci podałem
bo źle napisałem powinno być
setTimeout a nie setTimeOut.

Kod
function execute()
{
setTimeout( 'flipflop1()',2000);
setTimeout( 'flipflop2()',3000);
}
<body onload="initLightbox(); execute();"
mariusz1985
5.04.2009, 23:40:45
zadziałało

Dzięki za szybkie odpowiedzi

Nie przypuszczałem że taki błąd może mieć znaczenie teraz będę bardziej zwracał uwagę na takie rzeczy.
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.