Countdown Javascript

cicciokr

SCRIVI

Countdown Javascript postato il 14/12/2008 13:26:52 nel forum programmazione, gdrcd, open source, hosting

Salve,
oggi stavo cercando uno script in javascript per il countdown.. e ne ho trovato uno che funziona alla perfezione.. ma c'è un particolare.. io vorrei che anche se si aggiorna la pagina.. lo script continuasse ad andare.. invece lo script mi si ripete..
sapreste come fare? vi posto qui sotto lo script..

<script>
var seconds = "PRENDO I SECONDI DAL DB";

function $(id) {
return document.getElementById(id);
}

function addOnload(f) {
var prev = window.onload;
window.onload = function() {
if (prev) prev();
f();
}
}


function writecounter(hh, mm, ss) {
$('ore').value = (hh < 10)? "0"+hh : hh;
$('min').value = (mm < 10)? "0"+mm : mm;
$('sec').value = (ss < 10)? "0"+ss : ss;
}


function startcount() {

hh = Math.floor(seconds / 3600);
mm = Math.floor((seconds - (hh*3600)) / 60);
ss = seconds - (hh*3600) - (mm*60);
writecounter(hh, mm, ss);
seconds--;
if (seconds != -1) {
setTimeout('startcount()', 1000)
}
else {
// fai qualcosa
alert("ho finito!");
}

}


var hh = Math.floor(seconds / 3600);
var mm = Math.floor((seconds - (hh*3600)) / 60);
var ss = seconds - (hh*3600) - (mm*60);


addOnload(startcount);
</script>

<body>

<form>
<input type="text" size="2" id="ore" readonly="readonly" /> :
<input type="text" size="2" id="min" readonly="readonly" /> :
<input type="text" size="2" id="sec" readonly="readonly" />
</form>

<script>
writecounter(hh, mm, ss);
</script>

</body>


Grazie a tutti per l'aiuto ^^
E´ proprio quando un popolo è all´apice del successo, che ha inizio il suo declino..

quota

Pagine → 1 

darkside of breakfast

SCRIVI

14/12/2008 13:50:01

che vuol dire che lo script continuasse ad andare ed invece ti si ripete?

Hogwarts ExpressHogwarts Express ↗
Un segreto nascosto da secoli sta per essere svelato. Il mondo magico e quello babbano non saranno più gli stessi!

quota

cicciokr

SCRIVI

14/12/2008 14:23:46

allora lo script funziona ed esegue il coutndown.. solo che se io aggiorno la pagina lo script inizia il countdown da capo.. invece vorrei che continuasse ad andare.. mmm..

E´ proprio quando un popolo è all´apice del successo, che ha inizio il suo declino..

quota

darkside of breakfast

SCRIVI

14/12/2008 14:45:03

ti serve che aggiorni tutta la pagina o solo una parte di essa?
Potresti fare tramite iframe o ajax.
Oppure, come dice faber, dovresti passare il dato via querystring..Ma ci sarebbe sempre una latenza dovuta al tempo di caricamento della pagina

IkariamIkariam ↗
Su una piccola isola, in qualche parte del Mediterraneo, sorge un`antica civiltà. Sotto la tua guida inizia un`era di ricchezza e di scoperte!

quota

vino_veritas

SCRIVI

14/12/2008 15:00:35

Come detto sopra, l'unica, per come la vedo io, è creare un mini-frame apposta, con il countdown al suo interno.

Dark GenesisDark Genesis ↗
Ascendi al cielo in Dark Genesis! Raduna potenti semidei, costruisci il tuo impero volante e scontrati in battaglie divine!

quota

cicciokr

SCRIVI

14/12/2008 15:04:05

la cosa del mini-iframe nn può andare bene per quel che voglio fare..

cmq anche se c'è una piccola latenza va bene lo stesso.. ora vedo se con il querystring può andare..

E´ proprio quando un popolo è all´apice del successo, che ha inizio il suo declino..

quota

blancks

SCRIVI

14/12/2008 18:12:33 e modificato da blancks il 14/12/2008 18:15:03

Server side esegui tutte le operazioni necessarie con la data odierna e la data a cui vorresti giungere ricavandoti le seguenti info:
-giorni rimanenti
-ore rimanenti
-minuti rimanenti
-secondi rimanenti

Dopodichè adoperi un banale script tipo questo(ajax ?_? per carità.. scomodare ajax per una scemenza tale è inutile):


<script type="text/javascript">
var days = <?=$giorni?>
var hours = <?=$ore?>
var minutes = <?=$minuti?>
var seconds = <?=$secondi?>

function setCountDown (){
seconds--;
if (seconds < 0){
minutes--;
seconds = 59
}
if (minutes < 0){
hours--;
minutes = 59
}
if (hours < 0){
days--;
hours = 23
}
document.getElementById("countleft").innerHTML = days+" giorni, "+hours+" ore, "+minutes+" minuti, "+seconds+" secondi";
setTimeout ( "setCountDown()", 1000 );
}
</script>


Che richiami al caricamento della pagina.. così:

<body onload="setCountDown();">


E adesso, l'elemento con id "countleft" (settato nel getElementbyid precedente per l'innerhtml) può essere una banale div come questa:

<div id="countleft"></div>


Il setTimeout riesegue lo script ogni secondo spaccato, quindi ad ogni secondo il contenuto che andiamo ad inserire nel div varia, dandoti l'effetto di countdown continuo che vorresti ottenere (se ho ben capito cosa intendevi)
img

GitHub: https://github.com/GDRCD/GDRCD ↗
Discord: https://discord.gg/zh69CDUf3V ↗

quota

shanks1

SCRIVI

14/12/2008 20:06:22

Come dice blancks, devi sviluppare il countdown sia lato server che lato client. Ogni voltas che si ricarica la pagina, devi prendere i dati per il countdown dal database.

Saluti

Il Grande Blu
Il Più Grande GDR Fumettistico Italiano
Un sogno dove il divertimento è l´unica cosa che conta...
http://www.grandeblu.it/ ↗

quota

cicciokr

SCRIVI

14/12/2008 20:56:47

Vi ringrazio.. ora mi metto all'opera ^^

E´ proprio quando un popolo è all´apice del successo, che ha inizio il suo declino..

quota

cicciokr

SCRIVI

15/12/2008 07:40:54

mm al cookie non ci avevo pensato.. hai ragione.. imposto poi dei controlli se il cookie c'è o meno.. e poi tutto il resto..davvero una Buona idea

E´ proprio quando un popolo è all´apice del successo, che ha inizio il suo declino..

quota

Discussione seguita da › cicciokr

Pagine → 1 

Rispondi alla Discussione Aggiungi ai Preferiti Inoltra Discussione Forum Programmazione, GDRCD, Open Source, Hosting Elenco Forum

Articoli, Recensioni, Interviste e altre Risorse!

Western Redemption
Western Redemption
Intervista al gestore del play by forum Western Redemption Gdr
Statistiche Tecniche 2010
Statistiche Tecniche 2010
Gdr-online.com pubblica i dati tecnici dei suoi visitatori! Scopri le risoluzioni e i browser maggiormente utilizzati!
Seguici su Facebook!
Seguici su Facebook!
Diventa Fan di GDR-online.com su Facebook e goditi le nostre vignette!
Player Play by Forum
Player Play by Forum
Articolo semiserio sugli utenti che si possono trovare sui play by forum suddivisi per tipologia!

Pubblicità

Ultime dal Portale

news Entropia Universe: Note sulla versione di Entropia Universe 18.13.0

gioco Gioco più visitato di Aprile 2025: The Last Sparks - Savannah Tales

OGame OGame → In OGame migliaia di giocatori da tutto il mondo competono tra di loro per conquistare l'intero universo!

news Enlisted: Rendiamo Enlisted un posto migliore N° 68

gdrrank I dati del generatore di rank sono stati aggiornati!

news One Piece World: Level Up verso l'unicità

news Legacy of Magic: Missione Superstizione IIII

FragPunk FragPunk → Gioco d'azione frenetico ispirato al punk, con gameplay caotico, ribelle ed energia illimitata! Gioca gratuitamente!

news Football Team Soccer: Ultimo numero del nostro magazine!

news Enlisted: Saldi di maggio in Enlisted

news Dalemyr: Una nuova alba

news Raxhodya Yaoi GdR: Nuova Trama: L'incubo Senza Volto

War Thunder War Thunder → Aviazione, veicoli corazzati e flotte militari della seconda guerra mondiale. Parteciperai a tutte le principali battaglie!

news Shadow Scape: ✨ Chiusura momentanea

articolo Dungeons & Dragons: Viaggio nel Cuore del Drago - Storia approfondita ed evoluzione di un'icona del GdR!

news La Tana del Ladro: Si fa festa! Tutti in piazza per Pratoverde!

news Legacy of Magic: La ballata del Canto Perduto - Le esibizioni

Football Team Soccer Football Team Soccer → Diventa una stella del calcio! Crea, allena ed equipaggia il tuo giocatore. Unisciti a un club e vinci in Football Team Game!

Pubblicità

Articoli e altro

Giochi di Calcio Giochi di Calcio - Riuscirai a raggiungere la vetta delle classifiche?

Cosplay Grand Tour Cosplay Grand Tour - Scopriamo il Cosplay Grand Tour di Riot Games: un tour fra i festival pop più popolari!

Stazioni Abbandonate Stazioni Abbandonate - Stazioni Ferroviarie oramai dismesse in comodato gratuito alle associazioni di Giochi di Ruolo! Scopri come!

Scacchi Tridimensionali Scacchi Tridimensionali - Progetto e Sviluppo di un Sistema per il Gioco degli Scacchi Tridimensionali

Consigli per i PG Consigli per i PG - Alcuni utili consigli per gestire al meglio il tuo pg

Naruto GDR Naruto GDR - Intervista allo staff del play by chat Naruto GDR - Beyond the Great War

Ricerca il tuo Staff Ricerca il tuo Staff - Ricerca, con il tool di gdr-online.com, lo staff per il tuo gioco di ruolo

Romics 34 Romics 34 - Romics 34: Quattro giorni nel cuore della cultura pop!

Pubblicità