Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [JS] setInterval, Nie działa pod Operą
MatheW
post
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?
Go to the top of the page
+Quote Post
siemakuba
post
Post #2





Grupa: Przyjaciele php.pl
Postów: 1 112
Pomógł: 20
Dołączył: 10.04.2005

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

Twoim problemem nie jest funkcja setInterval. Ona działa poprawnie w Operze. Spojrzę później na kod - troche jeszcze mam do zrobienia dziś. Sprawdź poniższy kod pod Operą / FF / IE:
[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <script type="text/javascript">
  4.  
  5.     function increment()
  6.     {   
  7.         var e = document.getElementById('inp');
  8.         e.value = parseInt(e.value)+1;
  9.     }
  10.  
  11.     setInterval('increment()', 1000);
  12.  
  13. </script>
  14. </head>
  15. <body>
  16.     <input type="text" id="inp" value="0">
  17. </body>
  18. </html>
[HTML] pobierz, plaintext


pozdr.
Go to the top of the page
+Quote Post
MatheW
post
Post #3





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

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

Heh działa, ale dlaczego tamten na górze nie działa to nie wiem :zonk: Czyli ta funkcja tak na prawde uruchamia sie caly czas? Tylko cos pochrzanione jest wewnatrz. W kazdym razie juz wiem ze dziala, bo to mial byc tylko przyklad.
Go to the top of the page
+Quote Post
mailomailo
post
Post #4





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
Go to the top of the page
+Quote Post
dfs
post
Post #5





Grupa: Zarejestrowani
Postów: 43
Pomógł: 0
Dołączył: 10.02.2009

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

Dzięki wam!!!
Za odpowiedź(IMG:style_emoticons/default/winksmiley.jpg)

Też miałem taki sam problem i tu znalazłem odpowiedź, mimo że sami zadawaliście tylko pytania.

Chodzi o to że w FireFox'ie funkcja setInterwal('wywolanie_czegos()',1000);
lubi mieć owe wywalanie_czegos() w 'cudzysłowach'.

np. setInterwal('alert("pies")',1000); to będzie pod FF działać,
to zaś setInterwal(alert("pies"),1000); już nie

Co może dla PHPowca wydawać się dziwne, ale tak w JS jak widać jest.

pozdrawiam.

P.S. Widzę ze problem dotyczy Opery, ale ja miałem podobny w FF.

Ten post edytował dfs 17.07.2010, 11:42:54
Go to the top of the page
+Quote Post
erix
post
Post #6





Grupa: Moderatorzy
Postów: 15 467
Pomógł: 1451
Dołączył: 25.04.2005
Skąd: Szczebrzeszyn/Rzeszów
Z tego, co pamiętam, to najprościej użyć funkcji anonimowej:
[JAVASCRIPT] pobierz, plaintext 
  1. setInterval(function(){
  2. alert('asdasd');
  3. }, 100);
[JAVASCRIPT] pobierz, plaintext

I jeszcze mi nigdy nie "pirdło".
Go to the top of the page
+Quote Post
« Następny starszy · JavaScript · Następny nowszy »
 

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

 

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

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

RSS Aktualny czas: 23.08.2025 - 02:16
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn