contatore incrementale

Discussioni e problematiche su linguaggio Javascript e framework come jQuery e simili.

Moderatori: maurizio, markdesign

Regole del forum
Per scrivere del codice all'interno di ogni post, utilizzare il tag: [syntax=il_linguaggio]codice[/syntax] sostituendo "il_linguaggio" con il linguaggio del codice che dovete inserire, ad esempio: html, css, javascript, php, asp, ecc...

contatore incrementale

Messaggioda santoroag » venerdì 3 febbraio 2012, 21:49

Salve a tutti, sto realizzando un sito per un amico, e mi servirebbe un piccolo e semplice contatore incrementale per tenere conto del passaggio del tempo da una certa data prestabilita. Mi spiego con un sempio, mettiamo che la data è 1 gennaio 20012, il contatore dovrà stampare a video: 1 mese 3 giorni 20 ore 46 minuti, ovviamente mi interessano solo i dati visto che per la grafica poi ci penserò io. Grazie a chiunque mi fornisca esempi/guide per realizzare il tutto...
santoroag

Avatar utente
 
Messaggi: 26
Iscritto il: mercoledì 12 ottobre 2011, 14:01
Località: Taormina

Re: contatore incrementale

Messaggioda markdesign » martedì 14 febbraio 2012, 15:21

Scusa se ci ho messo tanto ma son in periodo di esami... :)

Sintassi: javascript [ Scarica ] [ Nascondi ]
  1. //Inserisci le date
  2. to = new Date(2012, 01, 15, 13, 24, 20);
  3. from = new Date(2012, 01, 01, 12, 14, 54);
  4.  
  5. //Un secondo, un minuto, un ora e un giorno in millisecondi
  6. var oneSecond = 1000;
  7. var oneMinute = oneSecond * 60;
  8. var oneHour = oneMinute * 60;
  9. var oneDay = oneHour * 24;
  10.  
  11.  
  12. //Calcoliamo la differenza tra le due date e la convertiamo in giorni
  13. var difference = to.getTime() - from.getTime();
  14. var days = Math.floor(difference / oneDay);
  15. var hours = Math.floor((difference - (oneDay * days)) / oneHour);
  16. var minutes = Math.floor((difference - (oneDay * days) - (oneHour * hours)) / oneMinute);
  17. var seconds = Math.ceil((difference - (oneDay * days) - (oneHour * hours) - (oneMinute * minutes)) / oneSecond);
  18.  
  19. $('#data').html("Sono passati " + days + " giorni, " + hours + " ore, " + minutes + " minuti e " + seconds + " secondi");
  20.  
  21.  



Puoi vedere anche qui un esempio: http://jsfiddle.net/5eETH/
markdesign

Moderatore

Avatar utente
 
Messaggi: 94
Iscritto il: lunedì 14 novembre 2011, 18:37
Località: Pordenone

Re: contatore incrementale

Messaggioda Flavio.DelBianco » venerdì 20 aprile 2012, 8:24

Se vuoi qualcosa di più customizzabile c'è questo ottimo plugin per jquery http://keith-wood.name/countdown.html con il quale si può fare non solo il countdown ma anche il countup che è quello proprio che serve a te.
Altrimenti quoto il codice di mark, il più semplice e il più indolore ;)
Flavio.DelBianco

Avatar utente
 
Messaggi: 3
Iscritto il: venerdì 20 gennaio 2012, 15:37


Torna a Javascript