cronometro javascript con millisecondi

**napster87** · 31-10-2009, 14:27

salve a tutti,premetto che sono un novizio di javascript.
Sto costruendo il sito per la mia scuola calcio e nella home vorrei inserire un conto alla rovescia (tipo sito http://www.sscnapoli.it/client/render.aspx) .ho studiato i vari esempi che propone il sito, ma ho notato che nessuno script utilizza i millisecondi.in che modo posso risolvere tale problema?conoscete qualche esempio simile già sviluppato?
Si può sviluppare in javascript o consigliate un altro linguggio?

**br1** · 31-10-2009, 15:12

Benvenuto sul forum

Da cronometrista permettimi un consiglio: lascia perdere i millisecondi, al massimo potresti prevedere il centesimo... mo solo per fini scenografici

Inoltre avresti notevoli difficolta' di visualizzazione di un conteggio che li preveda, gia' e' difficile veder scorrere i decimi...

Comunque, per pura didattica, un esempio di tempo che scorre all'indietro con i centesimi:

codice:

<script>
hh = 0;
mm = 0;
ss = 10;
cc = 0;
function vedi() {
	cc--;
	if(cc<0) {
		cc=99;
		ss--;
		if(ss<0) {
			ss=59;
			mm--;
			if(mm<0) {
				mm=59;
				hh--;
			}
		}
	}
	if(hh+mm+ss+cc > 0) {
		document.getElementById("tt").innerHTML = String(100+hh).substr(1)+":"+String(100+mm).substr(1)+":"+String(100+ss).substr(1)+","+String(100+cc).substr(1);
		setTimeout("vedi()",10);
	} else {
		document.getElementById("tt").innerHTML = "Conteggio Terminato";
	}
}
window.onload=vedi;
</script>

<div id="tt"></div>

Sul mio pc e' lentissimo... i dieci secondi non passano mai, adattalo per i decimi, magari e' piu' realistico

ciao

**cavicchiandrea** · 31-10-2009, 15:17

Vedi se questo può fare al caso tuo clicca qui oppure può essere adattato

**napster87** · 31-10-2009, 15:45

grazie per il benvenuto, ho risolto in questo modo:

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="it">
<head>

<title>Tempo mancante ad una data - Esempio JavaScript scaricato da HTML.it</title>
<meta http-equiv="Content-type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="Content-Language" content="it" />
<meta name="Robots" content="All" />
<meta name="Description" content="HTML.it - il sito italiano sul Web publishing" />
<meta name="Keywords" content="Ad ogni apertura di pagina questo script genera un differente colore di sfondo." />
<meta name="Owner" content="HTML.it srl" />
<meta name="Author" content="HTML.it srl" />
<meta name="Copyright" content="HTML.it srl" />

<title>Tempo mancante ad una data</title>

<SCRIPT LANGUAGE=javascript type="text/javascript">

</SCRIPT>

</head>
<body>

<div align="center" style="background-color:white;padding:3px">
<BODY onLoad='countdown()'>

<H1>TEMPO MANCANTE ALLA PROSSIMA PARTITA</H1></p>

<span id="span1" style='position:top' >Qua' il testo </span></p>

</div>

<div align="center">
[img]logo_htmlit.gif[/img]

<span style="font-size:80%; color:gray">sponsor</span>
<script language="javascript" type="text/javascript">

</script>
<noscript>
<a href="http://adserver.html.it/a.aspx?ZoneID=24&Task=Click&Mode=HTML& SiteID=1&PageID=90264" target="_blank">

</a>
</noscript></div>

</body>
</html>

**napster87** · 31-10-2009, 15:48

è rimasto solo un problema,ogni secondo la scritta si muove cioè non è stabile,nel senso che se i millisecondi che restano sono di 3 cifre si allarga un pò,se sono di 2 si restringe con questo "brutto" effetto grafico.Come posso stabilizzare tale stringa?

**br1** · 31-10-2009, 15:56

Usa un contenitore con dimensioni fisse

<span id="span1" style='position:top;width:200px;' >Qua' il testo </span></p>

Oppure nella mia risposta precedente c'e' un'altra possibilita'

ciao

**napster87** · 31-10-2009, 16:58

grazie 1000 problema risolto

Discussione: cronometro javascript con millisecondi

Strumenti discussione

Ricerca discussione

Visualizza

cronometro javascript con millisecondi

Permessi di invio