API tools faq
paste
marongiuchristian93

[JS] 3 - Countdown di Esempio (end of the world) HTML/JS

marongiuchristian93
Apr 11th, 2012
95
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
JavaScript 3.72 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2. <head>
  3. <title>Titolo</title>
  4. <meta name="author" content="Christian Marongiu" />
  5.  
  6. <script type="text/javascript">
  7.  
  8. /*
  9. ##################################################################
  10. ## SCRIPT BY:           Christian Marongiu                      ##
  11. ## INFO:                http://chrmar.altervista.org            ##
  12. ## CONTACT:             [email protected]           ##
  13. ##                                                              ##
  14. ## Script per il conto alla rovescia (countdown)        ##
  15. ## In questo caso per il 21/12/2012             ##
  16. ##################################################################
  17. */
  18.  
  19. function countdown() {
  20. var anno = 2012;
  21. var mese = 12;
  22. var giorno = 21;
  23. var ore = 0;
  24. var minuti = 0;
  25. var secondi = 0;
  26.  
  27. /*
  28. Un secondo e' composto da 1000 millisecondi
  29. Es. se il tempo restante e' di 3 secondi, avremo quindi (3*1000) millisecondi
  30. Per trovare i giorni restanti, creo una variabile giorniRestanti
  31. che dividera il tempo restante per 86400000 perche' ci sono 86400000 secondi
  32. in un giorno. Fatta la prima operazione:
  33. tempoRestante / 86400000
  34. ottengo un numero che mi indica i giorni, ma e' un numero con la virgola
  35. quasi sicuramente quindi uso parseInt per avere il numero intero
  36. e cio' che rimane (la parte decimale) da parte sara' subito dopo moltiplicata
  37. in questo caso, avro':
  38. giorniRestanti * 86400000
  39. e questo mi da in millisecondi quanto tempo rimane ancora,
  40. diciamo togliendo i giorni e quindi dentro posso ancora calcolarci:
  41. ore, minuti, secondi
  42. */
  43.  
  44. data_inizio = new Date(); // restituisce la data iniziale in millisecondi
  45. data_fine = new Date(anno,mese-1,giorno,ore,minuti,secondi); // restituisce la data finale in millisecondi
  46. tempoRestante = (data_fine - data_inizio); // restituisce il tempo restante in millisecondi
  47.  
  48. // parseInt restituisce il numero intero, per esempio parseInt(0.44) restituisce 0
  49. giorniRestanti = parseInt(tempoRestante / 86400000); // restituisce il numero di giorni restanti
  50. tempoRestante = tempoRestante - (giorniRestanti * 86400000); // prelevo quello che rimane
  51.  
  52. oreRestanti = parseInt(tempoRestante / 3600000); // Il tempo che rimane trasformato in ore
  53. tempoRestante = tempoRestante - (oreRestanti * 3600000); // Recupero il tempo restante
  54.  
  55. minutiRestanti = parseInt(tempoRestante / 60000); // Il tempo che rimane in minuti
  56. tempoRestante = tempoRestante - (minutiRestanti * 60000); // Recupero il tempo restante
  57.  
  58. secondiRestanti = parseInt(tempoRestante / 1000); // Il tempo che rimane in secondi
  59. tempoRestante = tempoRestante - (secondiRestanti * 1000); // Recupero il tempo restante
  60.  
  61.     if (giorniRestanti <= "0" && oreRestanti <= "0" && minutiRestanti <= "0" && secondiRestanti <= "0") {
  62.         // Se tutte le variabili di tempo sono a 0 quindi il tempo e' finito
  63.         // Stampo TEMPO SCADUTO
  64.         var error = "<b>Questo mondo e' finito... BOOOM! IL GIUDIZIO UNIVERSALE E' ARRIVATO!</b>";
  65.         document.getElementById("spacer").innerHTML=error;
  66.     }
  67.     else {
  68.         var str = "<b>" + giorniRestanti + "</b> Giorni ";
  69.         str += "<b>" + oreRestanti + "</b> Ore ";
  70.         str += "<b>" + minutiRestanti + "</b> Minuti ";
  71.         str += "<b>" + secondiRestanti + "</b> Secondi ";
  72.         document.getElementById("spacer").innerHTML=str;
  73.         // Imposto un timeout di 1 secondo che servirá poi a ripetere la funzione 
  74.         // esattamente ogni secondo (1000 = 1000 millisecondi = 1 secondo)
  75.         setTimeout("countdown()",1000);
  76.     }  
  77. }
  78. </script>
  79. </head>
  80.  
  81. <body onLoad="countdown()">
  82. <font color="red" face="Comic Sans MS" size="4">
  83. Tempo rimanente alla fine del mondo il <b>21/12/2012</b> ore <b>00.00.00</b>:<br><br>
  84. </font>
  85. <div id="spacer" style="font-family: Arial; color: #000000; font-size: 16px;">
  86. </div>
  87. <br><br>
  88. <div align="center">
  89. <img src="2012_fine_del_mondo.jpg" />
  90. </body>
  91. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!