Javascript: Více časovačů najednou
Odesláno v September 12, 2005 | Kategorie Javascript | 2 Comments
Kdysi hodně dávno jsem potřeboval použít na jedné stránce více nezávislých timerů. Abych to zkrátil, vzdal jsem to s tím, že to nejde a že tvůrce Javascriptu pamatoval pouze na možnost jediné instance mocného Timeru.
Teď jsem to potřeboval znovu a najednou to jde…
-
<html>
-
<head>
-
<script type="text/javascript">
-
var idx0; //globalni promenne – budou v nich objekty timeru
-
var idx1;
-
function gi(){
-
alert('Hello');
-
}
-
function start(Id){
-
window.clearTimeout(Id);
-
Id = window.setTimeout("gi();",1000);
-
return Id;
-
}
-
function stop(Id){
-
Id = window.clearTimeout(Id);
-
}
-
-
</script>
-
-
</head>
-
-
<body>
-
<div class="all">
-
<h1></h1>
-
<p> <a onmousemove='idx0=start(idx0);' href="#">start timer1</a>
-
<a onmousemove='stop(idx0);' href="#">stop timer1</a>
-
</p>
-
<p> <a onmousemove='idx1=start(idx1);' href="#">start timer2</a>
-
<a onmousemove='stop(idx1);' href="#">stop timer2</a>
-
</p>
-
</div>
-
</body>
-
</html>
Po najetí myší na odkaz start timer1,2 se spustí odpovídající časovač. Přejetím myší na stop timer1,2 se odpovídající časovač stornuje bez spuštění akce. Pokud budeme pohybovat myší nad start timer, bude se spuštění akce odkládat na okamžik, kdy se myš zastaví nebo až odjede z odkazu.
Komentáře
2 Responses to “Javascript: Více časovačů najednou”
Váš komentář:
Inteligentní stránka a ještě inteligentnější článek. Co popisuješ je hezké, ale co takhle návod?
Inteligentní to moc nebylo bez kódu :-) – opraveno. Já myslím že to komentář ani moc nepotřebuje, nebo ano?