Come personalizzare un conto alla rovescia

September 30

Come personalizzare un conto alla rovescia


Se si dispone di un business online o si scrive un blog personale, un conto alla rovescia per il vostro sito web può essere una caratteristica importante. È possibile lasciare che i tuoi visitatori on-line sapere quanto tempo dovremo aspettare fino a quando un particolare evento o promozione accade al vostro sito, quando un elemento arriverà in magazzino o quando un certo film viene rilasciato. Mentre molti timer standard sono disponibili, un timer personalizzato può personalizzare il tuo sito web.

istruzione

1 Aprire il software di gestione del sito Web o in linea (o blog) sistema di gestione. Accedere al codice HTML per la pagina in cui si desidera posizionare il conto alla rovescia. Scegliere un punto relativo alle informazioni che stai il conto alla rovescia per, come ad esempio un conto alla rovescia uscita del film posto accanto a un paragrafo a discutere del film. Puoi anche posizionare il timer in alto della pagina nella sezione di intestazione se il timer è un conto alla rovescia per un evento speciale.

2 Copiare e incollare il seguente codice all'interno del codice HTML dove vuoi il timer per apparire sul tuo sito:

<Tipo di script = "text / javascript">
Funzione mesiqg8 (theyear, themonth, theday, thehour, themin, thesec)
{Yr = theyear; mo = themonth; DA = theday; HR = thehour; min = themin; sec = thesec}
mesiqg8 (anno, mese, giorno, ora, minuti, secondi)
var occasione = "TITOLO"
var message_on_occasion = "MESSAGGIO"
var countdownwidth = '600px'
var countdownheight = '35px'
var countdownbgcolor = 'trasparente'
var opentags = '<font face = colore "Garamond" = "black"> <grande> <b>'
var closetags = '<b> </ grande> </ font>'
var montharray = new Array ( "Jan", "febbraio", "Mar", "Aprile", "può", "Jun", "Luglio", "ago", "set", "Ottobre", "set", "Dec")
var crosscount = ''
Funzione tes3qqxk () {
if (document.layers)
document.countdownnsmain.visibility = "spettacolo"

else if (document.getElementById document.all ||)
crosscount = document.getElementById &&! document.all? document.getElementById ( "countdownie")
: countdownie
conto alla rovescia ()}
if (document.getElementById document.all ||)
document.write ( '<span id = "countdownie" style = "width:' + countdownwidth + '; background-color:' + countdownbgcolor + '"> </ span>')
window.onload = tes3qqxk
funzione di conto alla rovescia () {
var oggi = new Date ()
var = todayy today.getYear ()
if (todayy <1000)
todayy + = 1900
var = todaym today.getMonth ()
var = todayd today.getDate ()
var = todayh today.getHours ()
var = todaymin today.getMinutes ()
var = todaysec today.getSeconds ()
var = todaystring montharray [todaym] + "" + todayd + "," + todayy + "" + todayh + ":" + todaymin + ":" + todaysec
futurestring = montharray [mo-1] + "" + da + "," + yr + "" + HR + ":" + min + ":" + sec
dd = Date.parse (futurestring) -Date.parse (todaystring)
dday = Math.floor (gg / (60

60 1000 24) 1)
Dhour = Math.floor ((dd% (60 60 1000 24)) / (60 60 1000) 1)
dmin = Math.floor (((dd% (60 60 1000 24))% (60 60 1000)) / (60 1000) 1)
Dsec = Math.floor ((((dd% (60 60 1000 24))% (60 60 1000))% (60 1000)) / 1000 1)
if (dday <= 0 && Dhour <= 0 && dmin <= 0 && Dsec <= 1 && todayd == bis) {
if (document.layers) {
document.countdownnsmain.document.countdownnssub.document.write (opentags + message_on_occasion + closetags)
document.countdownnsmain.document.countdownnssub.document.close ()}
else if (document.getElementById document.all ||)
crosscount.innerHTML = opentags + message_on_occasion + closetags
ritorno
}
else if (dday <= - 1) {
if (document.layers) {
document.countdownnsmain.document.countdownnssub.document.write (opentags + "Reset Countdown" + closetags)
document.countdownnsmain.document.countdownnssub.document.close ()
}
else if (document.getElementById document.all ||)
crosscount.innerHTML = opentags + "Verificare Countdown" + closetags
ritorno
}
altro{
if (document.layers) {
document.countdownnsmain.document.countdownnssub.document.write (opentags + dday + "giorni", + Dhour + "ore", + dmin + "minuti, e" + Dsec + "secondi dalla fine fino a quando" + occasione + closetags)
document.countdownnsmain.document.countdownnssub.document.close ()
}
else if (document.getElementById document.all ||)
"secondi dalla fine fino a quando" crosscount.innerHTML = opentags + dday + "giorni", + Dhour + "ore", + dmin + "minuti, e" + Dsec + + + occasione closetags
}
setTimeout ( "conto alla rovescia ()", 1000)
}
</ Script>
<Ilayer id = larghezza "countdownnsmain" = & {countdownwidth}; height = & {countdownheight}; bgcolor = & {countdownbgcolor}; visibilità = nascondere> <strato id = larghezza "countdownnssub" = & {countdownwidth}; height = & {countdownheight}; sinistra = 0 top = 0> </ layer> </ ilayer>

3 Sostituire l'anno, mese, giorno, ora, minuti e secondi per il conto alla rovescia del codice in cui tali elementi sono ascoltano in tutte le lettere maiuscole. Fare lo stesso per il titolo del tuo conto alla rovescia e il messaggio del vostro conto alla rovescia. Queste sono le basi del vostro conto alla rovescia.

4 Personalizzare la larghezza e l'altezza del vostro timer modificando il "var countdownwidth" e parte "var countdownheight" del codice. Giocare con numeri diversi fino a trovare la larghezza e l'altezza ideale per il vostro timer. Personalizzare lo stile del carattere, dimensione e colore utilizzando il "var opentags = '<font face =" "color =" Garamond nero ">" parte del codice. Per cambiare il colore, è sufficiente modificare "nero" a qualsiasi colore di base vuoi (come il bianco, rosso o blu). Si può anche utilizzare un codice HTML del colore, come # FF8040, che è di colore arancione. Per modificare le dimensioni del testo, aggiungere l'interno delle marcature> <accanto al colore: size = "numero". Quindi aggiungere un numero e testare diverse dimensioni per il vostro tipo di carattere.

Consigli e avvertenze

  • Prova diversi colori, dimensioni dei caratteri e messaggi per garantire che il conto alla rovescia appare esattamente come vuoi per guardare sul vostro sito.