Hashtag più usati
1 | #include |
2 | #drone |
3 | #eurotrucksimulator2 |
4 | #dlcitalia |
5 | #ets2 |
6 | #arduino |
7 | #xiaomi |
8 | #aukey |
9 | #farmingsimulator |
Ultimi argomenti attivi
» Comunicazione termine servizio Arduino BT ControlDa Admin Mar Mag 10, 2022 12:55 pm
» Robot aspirapolvere per Alexa: Dreame D9
Da Admin Mar Feb 09, 2021 9:42 am
» Come costruire un robot smart con Arduino
Da Admin Mar Nov 17, 2020 12:15 pm
» TOPPS Trading Cards Match Attax Champsion League/Europa League 2020/21
Da Admin Mar Nov 10, 2020 3:21 pm
» Guida per utilizzare Arduino BT Control v1.2
Da Admin Gio Lug 09, 2020 12:01 pm
» Recensione Umidigi A3 Pro - Smartphone sotto i 100€
Da Admin Gio Apr 04, 2019 12:22 pm
» [Arduino] aiuto programma
Da Glak Mar Mar 12, 2019 9:30 am
» ERRORE NELLA COMPILAZIONE NEXTION
Da papat Mar Feb 26, 2019 7:11 am
» Comandare la Smart TV con Alexa senza broadlink (gratis)
Da Admin Mar Feb 19, 2019 4:31 pm
I postatori più attivi del mese
Nessun utente |
Conto alla rovescia per natale
5 partecipanti
Wiki Info :: Codici :: Codici HTML
Pagina 1 di 1
Conto alla rovescia per natale
Salve a tutti,
recentemente non avendo niente da fare mi sono messo a "giocare" con alcuni script,
tra cui quello per il Countdown. Visto che siamo vicini al natale l'ho modificato fino a creare un conto alla rovescia per natale. Il codice contiene Javascript e Css, spero di non sbagliare mettendolo in Html....
Comunque, potete integrarlo nel vostro sito con uno di questi due script:
- Codice:
<iframe src="http://trikserver.altervista.org/file/natale.html" width=200 height=200 frameborder=0 border=0 marginwidth=0 marginheight=0 scrolling="no" ALLOWTRANSPARENCY="true">
</iframe>
- Codice:
<script type="text/javascript">
function countdown()
{
var_anno=2012;
var_mese=12;
var_giorno=25;
var_ore=1;
var_minuti=0;
var_secondi=0;
data_scandeza= new Date(var_anno,var_mese-1,var_giorno,var_ore,var_minuti,var_secondi);
data_oggi= new Date();
differenza=(data_scandeza-data_oggi);
giorni=parseInt(differenza/86400000);
differenza=differenza-(giorni*86400000);
ore=parseInt(differenza/3600000);
differenza=differenza-(ore*3600000);
minuti=parseInt(differenza/60000);
differenza=differenza-(minuti*60000);
secondi=parseInt(differenza/1000);
differenza=differenza-(secondi*1000);
if (giorni <= "0" && ore <= "0" && minuti <= "0" && secondi <= "0")
{
document.getElementById("countdown").innerHTML="E' Natale! Tanti Auguri!";
}
else
{
document.getElementById("countdown").innerHTML=giorni +' giorni '+ore+' ore '+minuti+' min '+secondi+' sec';
setTimeout("countdown()",1000)
}
}
</script>
<style>
#countdown {
margin: 0px;
background-image: url('http://i42.servimg.com/u/f42/17/32/70/37/f0155f10.png');
background-repeat: no-repeat;
font-size: 14;
font-weight: normal;
line-height: 360px;
text-align: center;
width: 200px;
height: 200px;
font-family: Calibri;
}
</style>
<body onload="countdown()"><div id="countdown"></div>
Ultima modifica di Trik boom il Gio Dic 13, 2012 4:34 pm - modificato 1 volta.
Draken- Livello cinque
- Messaggi : 428
Crediti : 2010
Reputazione : 36
Data d'iscrizione : 19.03.12
Età : 25
Re: Conto alla rovescia per natale
*.* bellissimo *.*
Luigi- Livello quattro
- Messaggi : 194
Crediti : 549
Reputazione : 11
Data d'iscrizione : 08.03.11
Età : 24
Località : Brescia
Draken- Livello cinque
- Messaggi : 428
Crediti : 2010
Reputazione : 36
Data d'iscrizione : 19.03.12
Età : 25
Re: Conto alla rovescia per natale
ma l'iframe non è un po troppo lungo di altezza?
Taxi- ♔ Amministratore
- Messaggi : 510
Crediti : 2223
Reputazione : 24
Data d'iscrizione : 08.03.11
Età : 35
Località : Milano
Re: Conto alla rovescia per natale
Bix ha scritto:ma l'iframe non è un po troppo lungo di altezza?
E' vero, ho modificato, che l'immagine di sfondo inserita attraverso il css è di 300px x 300px.
Draken- Livello cinque
- Messaggi : 428
Crediti : 2010
Reputazione : 36
Data d'iscrizione : 19.03.12
Età : 25
Re: Conto alla rovescia per natale
Draken, però se si tratta di CSS può anche ridurre l'immagine e anche se l'iframe è più piccolo di essa, non si attiva lo scrollbar .
Saluti, l'admin
Saluti, l'admin
Re: Conto alla rovescia per natale
Ma e' tutto JavaScript!
Cosa centra l'HTML?
Cosa centra l'HTML?
Rapinder- Sono un nuovo membro
- Messaggi : 8
Crediti : 219
Reputazione : 2
Data d'iscrizione : 28.09.12
Re: Conto alla rovescia per natale
Perché è un iframe per cui è tutto javascript ma il codice da estrarre è un HTML e sta bene qui.
Saluti, l'admin
Saluti, l'admin
Argomenti simili
» Conto alla rovescia al Natale sul tuo Android- The Elf Adventure
» Codice Javascript natalizio per il conto alla rovescia.
» Conto alla rovescia 1° - in premio pubblicità gratuita su Wiki Info
» Gif animate natale
» Codice HTML natale
» Codice Javascript natalizio per il conto alla rovescia.
» Conto alla rovescia 1° - in premio pubblicità gratuita su Wiki Info
» Gif animate natale
» Codice HTML natale
Wiki Info :: Codici :: Codici HTML
Pagina 1 di 1
Permessi in questa sezione del forum:
Non puoi rispondere agli argomenti in questo forum.