Il sito per imparare gratuitamente a fare pagine Web

JavaScript H13
















H13 - Conto alla rovescia di una data o di un numero.


Funziona con il Browser:  Firefox firefox   Safari Safari   Opera opera   IE internet explorer   Chr Chrome

Crediti:
Name: Peter Gehrig
Website: http://Sito Sparito dalla rete

Descrizione:Conto alla rovescia di una data o di un numero

Creare un contatore dinamico per la tua pagina web potendo configurare: font, colore, dimensione ecc.
Con questo generatore, inserirlo nella tua pagina web Ŕ davvero facile oltre che piacevole.
Devi soltanto scegliere il generatore verde o quello azzurro per creare il codice da copiare ed incollare sulla tua pagina web.


Quanto manca alla data impostata, in questo esempio:
il compleanno del sito web-link del 2020

Oppure un conteggio alla rovescia partendo dal valore impostato con decremento ogni 5 secondi.



Passo 1:
- Usate il generatore di colore verde per creare il Contatore di una data.
- Usate il generatoer di colore azzurro per creare il Contatore di un numero.

- Cliccate il pulsante verde o azzurro test per vedere il risultato.
- Cliccate il pulsante verde o azzurro codice per generare il codice del vostro contatore

Generatore per Data-Countdown
Data alla quale fare riferimento:


Il contatore deve visualizzare :



  



Generatore per numero-Countdown
Conta da a

velocitÓ countdown:



Cosa succede a fine conteggio?


  


Passo 2: Aprite la vostra pagina web con un editor testuale quale per esempio: Notepad, WordPad o comunque un editor html che non sia solo visuale.

Passo 3: Inserite il codice copiato fra i tags <head> e </head> della vostra pagina web.




Passo 4: Inserite il codice sotto nel punto della pagina web in cui far apparire il contatore.




Passo 5: Grazie ad una normale dichiarazione di style inserita nel tag span Ŕ possibile cambiare font, colore, dimensione e qualsiasi altra cosa valida ai fini dei CSS, questo sotto un esempio di codice e relativo risultato:

<span style="font-family: Verdana; font-size: 12pt; color: #006600; border: 1pt solid #006600; padding: 2px; background-color: #DDFFDD">
<script type="text/javascript">
<!--
setcountdown()
// end -->
</script>

</span>








Valutazione

Valutazione: 1.88 stelle su 5
N. Voti: (69)



  Elenco completo degli script.



Se avete domande da fare potete scrivere sul forum di supporto , gratuito e aperto a tutti.