Forum PHP.pl > [JavaScript]Pierwszy czas inny w setInterval

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [JavaScript]Pierwszy czas inny w setInterval

Mike122

12.08.2009, 16:52:28

Napisałem następujący skrypt który podaję niżej działa prawie tak jak ma działać. Mam jeden problem chodzi o to że za 1 razem (1 raz po wczytaniu, odświeżeniu witryny) ma odliczyć czas 2000 ms (2 sekundy) a później już ma cały czas odliczać czas 5000 (5 sek.) a nie 2.
Proszę o pomoc.

[HTML] pobierz, plaintext 
<script type="text/javascript">
function numberFormat(nStr){
  nStr += '';
  x = nStr.split('.');
  x1 = x[0];
  x2 = x.length > 1 ? '.' + x[1] : '';
  var rgx = /(\d+)(\d{3})/;
  while (rgx.test(x1))
    x1 = x1.replace(rgx, '$1' + '.' + '$2');
  return x1 + x2;
}
 
function getUp(a,b){
	a = document.getElementById(a);
	a.innerHTML = a.innerHTML;
	a.innerHTML = a.innerHTML.replace(new RegExp("[\.]+","g"),"");
	a.innerHTML = a.innerHTML.replace(new RegExp("[^\\d.]+","g"),"");
	a.innerHTML = a.innerHTML.replace(new RegExp(",","g"),".");
	a.innerHTML=+(a.innerHTML || 0)+b;
	a.innerHTML = numberFormat(a.innerHTML);
}
setInterval("getUp('test',1)", 2000);
setInterval("getUp('test2',3)", 2000);
</script>
 
<span id="test">1.000</span>
<span id="test2">3.000</span>
[HTML] pobierz, plaintext

Crozin

12.08.2009, 17:11:18

window.setTimeout() na 2 sekundy z wywołaniem tej funkcji + window.setInterval() na 5 sekund (w tym już tylko wywołanie funkcji)

Mike122

12.08.2009, 17:21:38

Cytat(Crozin @ 12.08.2009, 17:11:18 )

window.setTimeout() na 2 sekundy z wywołaniem tej funkcji + window.setInterval() na 5 sekund (w tym już tylko wywołanie funkcji)

Mógł byś trochę jaśniej

Przykład..

kamil4u

12.08.2009, 17:40:08

Poczytaj o obu funkcjach podanych przez ~Crozin-a na MDC(taka strona). Następnie, najpierw wykonujesz:

Cytat

window.setTimeout() na 2 sekundy

, gdzie jako funkcję podajesz:

Cytat

wywołaniem tej funkcji + window.setInterval()

, a funkcję setInterval ustawiasz na:

Cytat

5 sekund

, a jako funkcję(w setInterval) podajesz:

Cytat

(w tym już tylko wywołanie funkcji)

Mike122

12.08.2009, 20:06:15

[HTML] pobierz, plaintext 
var time1 = "2000";
var time2 = "5000";
if(time1!=time2){
window.setTimeout("getUp('test', 1)", time1);
window.setInterval("getUp('test', 1)", time2);
}else{
window.setTimeout("getUp('test', time2);
}
[HTML] pobierz, plaintext

Jedak nie działa poprawnie...

Crozin

12.08.2009, 20:14:36

Nie do końca dobrze mnie zrozumiałeś... wywołanie setIntervala miało być wewnątrz setTimeouta:

[HTML] pobierz, plaintext 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
	<title>Przykładowy dokument</title>
 
	<style type="text/css"></style>
	<script type="text/javascript">
		function invokeMe(){
			document.getElementById("target").appendChild(document.createTextNode((new Date()) + "\n"));
		}
 
		document.addEventListener("DOMContentLoaded", function(){
			window.setTimeout(function(){
				invokeMe(); 
				window.setInterval(invokeMe, 5000);
			}, 2000);
		}, false);
	</script>
</head>
<body>
	<pre id="target"></pre>
</body>
</html>
[HTML] pobierz, plaintext

Mike122

12.08.2009, 20:33:57

By było super ale pod IE już nie działa

Crozin

12.08.2009, 20:36:31

Pod IE nie działa jedynie ze względu na sposób w jaki podpiąłem zdarzenie DOMContentLoaded. Przeczytaj w googleu o: "Cross-browser DOM ready". Sam mechanizm będzie działał.

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.