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?

RAID Shadow LegendsRAID 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!

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

Sea of ConquestSea of Conquest ↗
Vivi un'avventura tra i mari! Dal cuore del Mare del Diavolo, un paradiso piratesco brulicante di magia, tesori e avventure, salperai verso l'ignoto!

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.

Storie di AgarthiStorie di Agarthi ↗
Un Varco si apre davanti a te, un mondo tra i mondi è a portata di mano. Lasciati alle spalle le certezze, inizia l'avventura!

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!

Forgotten Maps
Forgotten Maps
Forgotten Maps: la mappa gratuita interattiva dei Forgotten Realms!
Tecnologie MMORPG
Tecnologie MMORPG
6 Tecnologie Chiave per lo Sviluppo di Videogiochi RPG!
GdR e Gruppi
GdR e Gruppi
Scarica la tesi "I Giochi di Ruolo: valenze educative nella dinamica dei gruppi"
Ricerche Avanzate
Ricerche Avanzate
Gli operatori di ricerca avanzati per ricerche web su Google!

Pubblicità

Ultime dal Portale

forum romaitriumviristaffgdr ha risposto alla discussione: IA e gdr: idee di sviluppo

forum shroomscape ha risposto alla discussione: Facciamo un gioco!

Sea of Conquest Sea of Conquest → Vivi un'avventura tra i mari! Dal cuore del Mare del Diavolo, un paradiso piratesco brulicante di magia, tesori e avventure, salperai verso l'ignoto!

gioco Nuovo Play by Discord Dungeons and Dragons → Warmongers

news RAID Shadow Legends: Balance Patch!

news Hero Wars: L'Eredità dei Grandi

forum staff shadowland ha aperto una nuova discussione: [GDRCD 5.6.0.6] Menu e apertura

Sea of Conquest Sea of Conquest → Vivi un'avventura tra i mari! Dal cuore del Mare del Diavolo, un paradiso piratesco brulicante di magia, tesori e avventure, salperai verso l'ignoto!

news Felix Felicis GdR - Harry Potter GdR: Estate parati!

gdrrank I dati del generatore di rank sono stati aggiornati!

recensione caynxz84 ha recensito Fengard

forum redkat ha risposto alla discussione: Eroi di Enor

Lineage II Lineage II → Entra in uno sconfinato mondo fantasy dominato da razze in contrasto tra loro. Scatena i tuoi poteri in uno dei Mmo più famosi al mondo!

news Le Cronache di Raja Dunia: Elfi - Introduzione abilità dedicate

news Storie di Esperia: Alba di cenere

forum udgdr ha risposto alla discussione: Unwritten Destinies GDR

risposta Il gestore di Exclusive Villa GdR ha risposto alla recensione di falask

Sea of Conquest Sea of Conquest → Vivi un'avventura tra i mari! Dal cuore del Mare del Diavolo, un paradiso piratesco brulicante di magia, tesori e avventure, salperai verso l'ignoto!

Pubblicità

Articoli

Gemhaven Gemhaven - Intervista al gestore del play by chat sci-fi fantasy Gemhaven

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

Generatori online gratuiti! Generatori online gratuiti! - Generatori online gratuiti di Dungeon, Grotte, Cittadine e Tesori per GdR!

Storia del Gdr Storia del Gdr - Andiamo a ricercare le fondamenta del gioco di ruolo, da dove questo nasce e come si sviluppa nel tempo!

Intrattenimento Manga Intrattenimento Manga - L’industria dell’intrattenimento giapponese: nascita e diffusione di anime e manga

Fengard Fengard - Intervista al gestore di Il Regno Perduto di Fengard il play by chat fantasy!

Il Narratore Il Narratore - Dungeon Master, menestrello o attore? Consigli per l'uso!

Guida NFT Guida NFT - Guida agli NFT: Come creare, vendere e acquistare Token Non Fungibili anche in ambito gaming!

Pubblicità