Data e ora in tempo reale

**cigno** · 03-04-2012, 14:31

Ciao a tutti, ho questo script che mi stampa data e ora in tempo reale ma i secondi sono bloccati e io invece vorrei vederli avanzare. Penso si debba aggiungere setTimeout("getData()", 1000);
ma dove lo devo aggiungere nel codice seguente?
fatto questo com'è possibile creare una funzione e richiamarla all'interno della pagina a mio piacere?

<SCRIPT LANGUAGE="javascript">

</SCRIPT>

P.S.: se avete anche altre idee, a me serve la data tipo "Martedi 03 aprile 2012 - ore 15:08:30" con i secondi che scorrono...

Grazie

**m4rko80** · 03-04-2012, 16:21

Ciao, con setTimeout non cicli qualcosa ma esegui quello che gli dici dopo i secondi indicati dal parametro e quindi in questo caso 1000(1secondo) e poi si ferma.

Dovresti quindi usare una funzione per richiamare la data e richiamarlo con setInterval()
http://javascript.html.it/articoli/l...in-javascript/

Altra cosa quindi se non ho visto male, con lo script crei la pagina usando document.write()
Questo va bene al caricamento della pagina ma se lo richiami riscrive tutta la pagina nel caso ci fosse altro contenuto oltre al contatore.

Se quindi devi implementarla in una pagina dovresti modifcare l'html del contenitore assegnato tipo

var laTuaData = funzione_che_la_genera();
document.getElementById('orario').innerHTML = laTuaData;
usandola con setInterval

**cigno** · 03-04-2012, 16:27

grazie per le belle parole... ma sono in alto mare...

**Massimo61** · 03-04-2012, 21:53

Ciao,

codice:

<script type="text/javascript">
function digitalclock(){
var data =new Date()
mese = data.getMonth();
giorno =data.getDay();
anno = data.getFullYear();
date = data.getDate();
ora = data.getHours();
minuti=data.getMinutes();
secondi=data.getSeconds();
if(giorno == 0)giorno = "Domenica"; 
if(giorno == 1)giorno = "Luned\ì";
if(giorno == 2)giorno = "Marted\ì";
if(giorno == 3)giorno = "Mercoled\ì";
if(giorno == 4)giorno = "Gioved\ì";
if(giorno == 5)giorno = "Venerd\ì";
if(giorno == 6)giorno = "Sabato";
if(mese == 0)mese = "Gennaio";
if(mese ==1)mese = "Febbraio";
if(mese ==2)mese = "Marzo";
if(mese ==3)mese = "Aprile";
if(mese ==4)mese = "Maggio";
if(mese ==5)mese = "Giugno";
if(mese ==6)mese = "Luglio";
if(mese ==7)mese = "Agosto";
if(mese ==8)mese = "Settembre";
if(mese ==9)mese = "Ottobre";
if(mese ==10)mese = "Novembre";
if(mese ==11)mese = "Dicembre";
if (date < 10)date="0"+date;
if (ora < 10)ora="0"+data;
if (minuti < 10)minuti="0"+minuti;
if (secondi < 10)secondi="0"+secondi;
data="<font size='4' face='Verdana' color='darkred'>"+giorno+" "+date+" "+mese+" "+anno+" - ore "+ora+":"+minuti+":"+secondi+"</font>"
document.getElementById("clock").innerHTML=data;
}
setInterval("digitalclock()",1000)
</script>
</head>
<body>
<div id="clock"></div>

Masssimo.

**cigno** · 04-04-2012, 09:00

Grazie Massimo è quasi tutto a posto... c'era solo un piccolo errorino nel codice...
al posto di
if (ora < 10)ora="0"+data;
andava messo
if (ora < 10)ora="0"+ora;

Grazie ancora

**Massimo61** · 04-04-2012, 13:31

Ciao,

svista

scritto on the fly.

Massimo.

**carlomarx** · 08-04-2012, 02:49

Come spesso succede con le date, lo script contiene una marea di codice inutile… Puoi semplificare il tutto più o meno così_

codice:

setInterval(function() { document.getElementById("tuoElemento").innerHTML = "Ora locale: " + (new Date()).toLocaleString(); }, 1000);

Discussione: Data e ora in tempo reale

Strumenti discussione

Ricerca discussione

Visualizza

Data e ora in tempo reale

Permessi di invio