Tecnología

Inicio

Cómo personalizar un temporizador de cuenta regresiva

Cómo personalizar un temporizador de cuenta regresiva


Si usted tiene un negocio en línea o escribir un blog personal, un temporizador de cuenta atrás para su sitio web puede ser una característica importante. Usted puede dejar a sus visitantes en línea saber cuánto tiempo van a tener que esperar hasta que un evento o promoción en particular sucede en su sitio, cuando un artículo vendrá en la acción o cuando se libera una cierta película. Mientras que muchos temporizadores estándar están disponibles, un temporizador personalizado puede personalizar su página web.

Instrucciones

1 Abra el software de administración de sitios web o su (o blog) sistema de gestión en línea. Acceder al código HTML de la página en la que desea colocar el temporizador de cuenta atrás. Elija un lugar en relación con la información que está contando hacia abajo para, por ejemplo, un temporizador de cuenta atrás lanzamiento de la película se coloca al lado de un párrafo discutiendo la película. También es posible que desee colocar el temporizador en la parte superior de la página, en la sección de encabezado si el temporizador es una cuenta atrás para un evento especial.

2 Copiar y pegar el siguiente código dentro de su código HTML en la que desea que el temporizador para que aparezca en su sitio:

<Script type = "text / javascript">
función mesiqg8 (theyear, themonth, theday, laHora, themin, thesec)
{Yr = theyear; mo = themonth; da = theday; HR = laHora; min = themin; seg = thesec}
mesiqg8 (año, mes, día, hora, minuto, segundo)
var ocasión = "TÍTULO"
var message_on_occasion = "MENSAJE"
var countdownwidth = '600px'
var countdownheight = '35px'
var countdownbgcolor = "transparente"
opentags var = '<font face = "Garamond" color = "negro"> <grande> <b>'
closetags var = '<b> </ grande> </ font>'
var montharray = new Array ( "Jan", "febrero", "Mar", "apr", "puede", "Jun", "julio", "agosto", "SEP", "octubre", "noviembre", "Dic")
var crosscount = ''
tes3qqxk función () {
if (document.layers)
document.countdownnsmain.visibility = "espectáculo"

else if (document.getElementById document.all ||)
crosscount = document.getElementById &&! document.all? document.getElementById ( "countdownie")
: countdownie
cuenta regresiva( )}
si (document.all || document.getElementById)
document.write ( '<span id = "countdownie" style = "width:' + countdownwidth + '; background-color:' + countdownbgcolor +" "> </ span> ')
window.onload = tes3qqxk
función de cuenta atrás () {
var hoy = new Date ()
var = todayy today.getYear ()
si (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 + "," + año + "" + h + ":" + min + ":" + sec
dd = Date.parse (futurestring) -Date.parse (todaystring)
dday = Math.floor (dd / (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)) / 1,000 1)
si (dday <= 0 && Dhour <= 0 && dmín <= 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
regreso
}
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 + "Por favor marque Countdown" + closetags
regreso
}
más{
if (document.layers) {
document.countdownnsmain.document.countdownnssub.document.write (opentags + dday + "días" + + Dhour "horas" + + dmín "minutos, y" + + "DSEC segundos en el reloj hasta que" + + closetags ocasión)
document.countdownnsmain.document.countdownnssub.document.close ()
}
else if (document.getElementById document.all ||)
crosscount.innerHTML = opentags + dday + "días" + + Dhour "horas" + + dmín "minutos, y" + + "DSEC segundos en el reloj hasta que" + + closetags ocasión
}
setTimeout ( "cuenta atrás ()", 1000)
}
</ Script>
<Ilayer id = "countdownnsmain" width = & {} countdownwidth; height = & {} countdownheight; bgColor = & {} countdownbgcolor; visibilidad = ocultar> <capa id = "countdownnssub" width = & {} countdownwidth; height = & {} countdownheight; izquierda = 0 top = 0> </ capa> </ ilayer>

3 Reemplazar el año, mes, día, hora, minuto y segundo para su temporizador de cuenta atrás en el código donde dichos elementos son escuchan en letras mayúsculas. Haga lo mismo con el título de la cuenta atrás y el mensaje de su cuenta atrás. Estos son los fundamentos de su temporizador de cuenta atrás.

4 Personalizar la anchura y la altura de su contador de tiempo mediante la edición del "countdownwidth var" y parte "var countdownheight" del código. Juega un poco con diferentes números hasta que encuentre la anchura y la altura perfecta para su temporizador. Personalizar el estilo de fuente, tamaño y color usando los "opentags var = '<font face =" Garamond "color =" negro ">" parte del código. Para cambiar el color, sólo tiene que cambiar "negro" a cualquier color básico desea (como el blanco, rojo o azul). También puede utilizar un código de color HTML, como # FF8040, que es de color naranja. Para cambiar el tamaño de su texto, añadir a la parte interior de las marcas <> junto al color: size = "número". A continuación, añadir un número y probar diferentes tamaños para su fuente.

Consejos y advertencias

  • Prueba diferentes colores, tamaños de fuente y mensajes para asegurar que su temporizador de cuenta atrás se ve exactamente cómo desea que se vea en su sitio.