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?

Crash Bandicoot ZoneCrash Bandicoot Zone ↗
Caos, libertà e risate: nel GDR ambientato nell’universo di Crash Bandicoot, ogni storia è possibile… e nulla è troppo folle!

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

New World OrderNew World Order ↗
Diventa un agente del Nuovo Ordine Mondiale e affronta le forze occulte che minacciano il pianeta Terra in questo GDR Urban Fantasy per Mobile!

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.

World of WarshipWorld of Warship ↗
MMO gratuito con frenetiche battaglie navali ambientate nel ventesimo secolo. Salpa con la tua nave ed affronta i nemici!

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, Interviste e altre Risorse!

Wheel of Blood
Wheel of Blood
Intervista alle gestione di Wheel of Blood.. il play by chat su Games of Thrones!
Naruto GDR
Naruto GDR
Intervista a Takkero, gestore di uno dei più grandi e longevi play by chat su Naruto!
Lande di Shannara
Lande di Shannara
Intervista al gestore di Lande di Shannara. Entra nel mondo di Terry Brooks!
Ex Gratia GdR
Ex Gratia GdR
Intervista ai gestori del play by chat supereroistico Ex Gratia GdR!

Pubblicità

Ultime dal Portale

news AlterEgo: Alza il Boccale, se no finisce male! (Quest)

news RAID Shadow Legends: Evento "Febbre di Caduta"

Exclusive Villa GdR Exclusive Villa GdR → Las Vegas, azzardo, vizi, soldi, intrighi... Più le sue luci sono scintillanti, più le sue ombre sono oscure. La città che non dorme mai, vi aspetta.

annuncio alexstrass ha aperto un annuncio di ricerca: Castelnere ricerca Tester

news Entropia Universe: Note sulla versione di Entropia Universe 19.0.0

risposta Il gestore di Naruto x Boruto GDR - New Rebirth ha risposto alla recensione di ilterrorista

risposta Il gestore di Naruto x Boruto GDR - New Rebirth ha risposto alla recensione di aura666

Exclusive Villa GdR Exclusive Villa GdR → Las Vegas, azzardo, vizi, soldi, intrighi... Più le sue luci sono scintillanti, più le sue ombre sono oscure. La città che non dorme mai, vi aspetta.

tesi Tesi di Laurea → I giochi di ruolo come strumento pedagogico

gdrrank I dati del generatore di rank sono stati aggiornati!

news Ex Gratia GDR: Elezioni in vista per Taiyang

news La Tana del Ladro: Orrore nelle Campagne

RAID Shadow Legends RAID Shadow Legends → Plasma i tuoi eroi fino a farli diventare vere e proprie armi viventi e assembla i più epici gruppi d'assalto mai visti finora!

recensione glittr ha recensito Apocalypse Requiem: Detroit

news Black Sails Chronicles: OFF - Corporazione: Confraternita del Nero Pece

risposta Il gestore di Age of Crystals ha risposto alla recensione di lena

recensione lena ha recensito Age of Crystals

New World Order New World Order → Diventa un agente del Nuovo Ordine Mondiale e affronta le forze occulte che minacciano il pianeta Terra in questo GDR Urban Fantasy per Mobile!

Pubblicità

Articoli

My Lands My Lands - Ti presentiamo il nuovo browser game fantasy My Lands!

Aldebar Aldebar - Recensione del gdr fantasy classico Aldebar...

Star Trek Equilibrium Star Trek Equilibrium - Intervista al founder del play by forum Star Trek Equilibrium!

Ansia e GdR Ansia e GdR - GdR Online per i timidi: Come superare l'Ansia Sociale Virtuale!

Ricerche Staff a Pagamento Ricerche Staff a Pagamento - Tutte le ricerche staff che prevedono un compenso! Sviluppa un GdR e guadagna!

Allineamenti nei GdR Allineamenti nei GdR - Caratteristiche principale per tutti i tipi di allineamento nei giochi di ruolo!

Mago Guerriero Mago Guerriero - Il Mago-Guerriero: come far male insieme due cose diverse!