Forum PHP.pl > [js]funkcja która sam asie wykonuje

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [js]funkcja która sam asie wykonuje

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

pys1986

29.11.2007, 18:00:30

jak powinna wyglądać funkcja która bedzie się wykonywała sama co np 2 sekundy

sticker

29.11.2007, 18:14:24

[HTML] pobierz, plaintext 
function a(){
//zrob cos tam
setTimeout(a(),2000);
}
setTimeout(a(),2000);
[HTML] pobierz, plaintext

phpion

29.11.2007, 20:14:39

@sticker - obawiam się, że Twój kod nie zabangla...

powinno być tak:

[HTML] pobierz, plaintext 
setTimeout("a()",2000);
[HTML] pobierz, plaintext

pys1986

29.11.2007, 22:19:40

[HTML] pobierz, plaintext 
<html>
<head>
    <style type="text/css">
    #d2 {
        background: orange;
        display: none;
    }
    #d3 {
        background: red;
		display: block;
    }
    </style>
</head>
<body>
 
    <script type="text/javascript">
 
	function zmien() {
        el = document.getElementById("d2");
		e2 = document.getElementById("d3");
        if (el.style.display == "block") {
            el.style.display = "none";
			e2.style.display = "block";
        } else {
            el.style.display = "block";
			e2.style.display = "none";
        }
    }
 
 
	setTimeout("zmien()",2000);
 
 
    </script>
 
    <div id="d2">b</div>
    <div id="d3">c</div>
 
 
</body>
</html>
[HTML] pobierz, plaintext

w JS jestem słaby ale zrobiłem coś takiego i wykonuje mi sie to tylko raz a chciałbym aby sie wykonywało w "kółko" i chciałbym też zrobić przycisk który byłby w stanie to zatrzymać

slammer

30.11.2007, 09:30:01

[HTML] pobierz, plaintext 
<html>
<head>
<style type="text/css">
#d2 {
background: orange;
display: none;
}
#d3 {
background: red;
display: block;
}
</style>
</head>
<body>
 
<script type="text/javascript">
 
function zmien() {
el = document.getElementById("d2");
e2 = document.getElementById("d3");
if (el.style.display == "block") {
el.style.display = "none";
e2.style.display = "block";
} else {
el.style.display = "block";
e2.style.display = "none";
}
}
 
 
var uchwyt = setInterval("zmien()",2000);
 
 
</script>
 
<div id="d2">b</div>
<div id="d3">c</div>
<input type="button" value="zatrzymaj" onclick="clearInterval(uchwyt);" />
 
 
</body>
</html>
[HTML] pobierz, plaintext

pys1986

30.11.2007, 17:44:06

super

o to mi chodziło

a mam jeszcze ostatnie pytanie jaka pownna być użyta funkcja aby to uruchomić z powrotem przyciskiem.

edit: poradziłem sobie dodając

[HTML] pobierz, plaintext 
<input type="button" value="wznów" onclick="setInterval('zmien()',500);" />
[HTML] pobierz, plaintext

tylko jest problem że jak sie kilka razy wciśnie ten button to sie zaczyna sypac

saq84

30.11.2007, 20:55:44

powinno byc np.

zatrzymanie:

[HTML] pobierz, plaintext 
<input type="button" value="zatrzymaj" onclick="clearInterval(uchwyt);uchwyt=null;return false;" />
[HTML] pobierz, plaintext

wznowienie:

[HTML] pobierz, plaintext 
<input type="button" value="wznów" onclick="if (!uchwyt) uchwyt=setInterval('zmien()',500);return false;" />
[HTML] pobierz, plaintext

pys1986

30.11.2007, 22:07:10

Dzieki o to mi chodził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.