Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JS] setInterval, Nie działa pod Operą
MatheW
post 9.10.2006, 21:53:44
Post #1





Grupa: Zarejestrowani
Postów: 135
Pomógł: 0
Dołączył: 29.05.2006
Skąd: Lublin

Ostrzeżenie: (0%)
-----

Chcę by funkcja wywoływana była np. co sekunde. Znalazlem funkcje w js - setInterval.

Znalazłem przykład wykożystania
[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <title>setInterval/clearInterval example</title>
  4.  
  5. <script type="text/javascript">
  6. var intervalID;
  7.  
  8. function changeColor()
  9. {
  10.   intervalID = setInterval(flashText, 1000);
  11. }
  12.  
  13. function flashText()
  14. {
  15.   var elem = document.getElementById("my_box");
  16.   if (elem.style.color == 'red')
  17.   {
  18.     elem.style.color = 'blue';
  19.   }
  20.   else
  21.   {
  22.     elem.style.color = 'red';
  23.   }
  24. }
  25.  
  26. function stopTextColor()
  27. {
  28.   clearInterval(intervalID);
  29. }
  30. </script>
  31. </head>
  32.  
  33. <body onload="changeColor();">
  34. <div id="my_box">
  35. <p>Hello World</p>
  36. </div>
  37. <button onclick="stopTextColor();">Stop</button>
  38. </body>
  39. </html>
[HTML] pobierz, plaintext
I działa on pod wszystkimi przeglądarkami prócz Opery. Jak mozna rozwiązac ten problem?


--------------------
[gg:8166107][jid:mmatheww@jabberpl.org][mail:mat.wojcik[at]gmail.com][www: http://mwojcik.pl]
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
mailomailo
post 26.01.2010, 12:04:43
Post #2





Grupa: Zarejestrowani
Postów: 1
Pomógł: 0
Dołączył: 26.01.2010

Ostrzeżenie: (0%)
-----

Witam! Chciałbym odświeżyć ten temat. Mój kod z użyciem setInterval nie działa pod Firefoxem tylko pod IE.

CODE
images = new Array('images/001.jpg',
'images/002.jpg',
'images/003.jpg',
'images/004.jpg',
'images/005.jpg',
'images/006.jpg',
'images/007.jpg',
'images/008.jpg',
'images/009.jpg',
'images/010.jpg',
'images/011.jpg',
'images/012.jpg',
'images/013.jpg',
'images/014.jpg',
'images/015.jpg',
'images/016.jpg',
'images/017.jpg',
'images/018.jpg');
licznik = new Array('1','2','3','4');

function zmien(){
img = document.getElementById(licznik[0]);
$('#'+licznik[0]).fadeOut(3000, function(){img.src=images[0];}).fadeIn(3000);
licznik.push(licznik[0]);
licznik.shift();
images.push(images[0]);
images.shift();
};

function start(){
window.setInterval(zmien,5000);
}
start();


W założeniu ma to być slideshow galerii zdjęć. Potrzebuję wywoływać w nieskończoność funkcję zmien() z opóźnieniem 5 sekund. Kod html:

[HTML] pobierz, plaintext 
  1.   <img id="1"src="images/018.jpg" alt="" />
  2.   <img id="2"src="images/017.jpg" alt="" />
  3.   <img id="3"src="images/016.jpg" alt="" />
  4.   <img id="4"src="images/015.jpg" alt="" />
[HTML] pobierz, plaintext


Jednak wszystko działa, błąd dotyczył czegoś innego. Jednak nie usuwam tego postu, jest on przykładem na wykorzystanie setInterval i jquery do stworzenia prostej galerii zdjęć automatycznie zmieniających się.

Opis działania:

Tworzę dwie tablice, jedną z adresami obrazków, drugą z licznikiem, czyli id elementu img.
W funkcji zmien inicjuję obrazek o id pierwszym z tabeli i używając jquery fadeOut wycieniowuję go. Następnie w funkcji callback fadeOut podmieniam src obrazka na pierwsze z tabeli. Następnie używając metod push i shift przenoszę pierwszy element tablicy na jej koniec. To samo powtarzam dla tablicy licznik.
Tak więc galeria składa się z 4 obrazków wyświetlających się na stronie, w tablicy images jest ich dowolna ilość. Całość zapętlam w nieskończoność przy użyciu Set Interval.
Czas efektu fadeIn fadeOut można dowolnie ustalić, tak samo jak czas przerwy w setInterval.

Pozdrawiam.

Ten post edytował mailomailo 26.01.2010, 12:25:42


--------------------
Mała strona o Nokii
Go to the top of the page
+Quote Post

Posty w temacie
- MatheW   [JS] setInterval   9.10.2006, 21:53:44
- - siemakuba   Twoim problemem nie jest funkcja setInterval. Ona ...   9.10.2006, 22:09:35
- - MatheW   Heh działa, ale dlaczego tamten na górze nie dział...   9.10.2006, 22:14:28
- - mailomailo   Witam! Chciałbym odświeżyć ten temat. Mój kod ...   26.01.2010, 12:04:43
- - dfs   Dzięki wam!!! Za odpowiedź Też miałem...   17.07.2010, 11:25:27
- - erix   Z tego, co pamiętam, to najprościej użyć funkcji a...   17.07.2010, 13:16:06

« Następny starszy · JavaScript · Następny nowszy »
 

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 22.06.2025 - 15:19
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn