Forum PHP.pl > [JS] setInterval

Pomoc - Szukaj - Użytkownicy - Kalendarz

Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript

MatheW

9.10.2006, 21:53:44

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

Znalazłem przykład wykożystania

[HTML] pobierz, plaintext 
<html>
<head>
<title>setInterval/clearInterval example</title>
 
<script type="text/javascript">
var intervalID;
 
function changeColor()
{
  intervalID = setInterval(flashText, 1000);
}
 
function flashText()
{
  var elem = document.getElementById("my_box");
  if (elem.style.color == 'red')
  {
    elem.style.color = 'blue';
  }
  else
  {
    elem.style.color = 'red';
  }
}
 
function stopTextColor()
{
  clearInterval(intervalID);
}
</script>
</head>
 
<body onload="changeColor();">
<div id="my_box">
<p>Hello World</p>
</div>
<button onclick="stopTextColor();">Stop</button>
</body>
</html>
[HTML] pobierz, plaintext

I działa on pod wszystkimi przeglądarkami prócz Opery. Jak mozna rozwiązac ten problem?

siemakuba

9.10.2006, 22:09:35

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 
<html>
<head>
<script type="text/javascript">
 
    function increment()
    {   
        var e = document.getElementById('inp');
        e.value = parseInt(e.value)+1;
    }
 
    setInterval('increment()', 1000);
 
</script>
</head>
<body>
    <input type="text" id="inp" value="0">
</body>
</html>
[HTML] pobierz, plaintext

pozdr.

MatheW

9.10.2006, 22:14:28

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.

mailomailo

26.01.2010, 12:04:43

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 
  <img id="1"src="images/018.jpg" alt="" />
  <img id="2"src="images/017.jpg" alt="" />
  <img id="3"src="images/016.jpg" alt="" />
  <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.

dfs

17.07.2010, 11:25:27

Dzięki wam!!!
Za odpowiedź

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.

erix

17.07.2010, 13:16:06

Z tego, co pamiętam, to najprościej użyć funkcji anonimowej:

[JAVASCRIPT] pobierz, plaintext 
setInterval(function(){
alert('asdasd');
}, 100);
[JAVASCRIPT] pobierz, plaintext

I jeszcze mi nigdy nie "pirdło".

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.