ubiquitour.com

Cómo personalizar un temporizador de cuenta atrás

Si usted tiene un negocio en línea o escribe un blog personal, un temporizador de cuenta atrás para su sitio web puede ser una característica importante. Usted puede dejar que sus visitantes en línea sabe cuánto tendrán que esperar a un evento en particular o promoción sucede en su sitio, cuando venga en la acción un elemento o cuando se libera una cierta película. Mientras que muchos contadores de tiempo estándar, un reloj modificado para requisitos particulares puede personalizar su sitio de Internet.

Instrucciones

1 Abra su software de administración de sitio web o su sistema de gestión online (o blog). Accede el código HTML de la página en la que desea colocar el temporizador de cuenta atrás. Elegir un lugar en relación con la información que usted está contando, como un temporizador de cuenta regresiva de lanzamiento película al lado de un párrafo sobre la película. También puede 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 Copie y pegue el siguiente código dentro del código HTML donde quieres que el temporizador para aparecer en su sitio:

< tipo SCRIPT = "texto/javascript" >función mesiqg8(theyear,themonth,theday,thehour,themin,thesec){año = año; mo = Elsábado; da = día; hr = thehour; min = cubrir; seg = thesec}mesiqg8(Year,month,Day,hour,Minute,Second)ocasión de var = "TITLE"var message_on_occasion = "Mensaje"var countdownwidth = '600px'var countdownheight = '35px'var countdownbgcolor = 'transparente'opentags var ='< tipo de fuente = "Garamond" color = "negro" >< más grande >< b >'var closetags ='< b >< / mayor >< / font >'var montharray = new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec")crosscount var =''función tes3qqxk() {}Si (document.layers)Document.countdownnsmain.Visibility="show"

else if (document.all|| document.getElementById)crosscount=Document.getElementById & &! document.all?document.getElementById("countdownie"): countdowniecuenta regresiva ()}Si (document.all|| document.getElementById)Document.Write ('< span id = "countdownie" style = "width: '+ countdownwidth'; color de fondo: '+ countdownbgcolor +'" >< / span >')Window.onload=tes3qqxkfunción countdown() {}var hoy = new Date)var todayy=today.getYear()Si (todayy < 1000)todayy += 1900var 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 +":" + todaysecfuturestring = montharray [mes-1] + ""+ da +","+ año +""+ hora +":"+ minuto +":" + segundosDD=Date.Parse(futurestring)-Date.Parse(todaystring)DDay=Math.Floor (dd / (6060100024)1)Dhour=Math.Floor ((dd % (6060100024)) / (60601000)1)dmin=Math.Floor (((dd % (6060100024)) % (60601000)) /(601000)1)DSEC=Math.Floor (((dd % (6060100024)) % (60601000)) %(601000)) / 10001)Si (linaje < = 0 & & dhour < = 0 & & DMín (DMin) < = 0 & & dsec < = 1 & & todayd == da) {}Si (document.layers) {}Document.countdownnsmain.Document.countdownnssub.Document.Write (opentags + message_on_occasion + closetags)Document.countdownnsmain.Document.countdownnssub.Document.Close()}else if (document.all|| document.getElementById)crosscount.innerHTML=opentags + message_on_occasion + closetagsvolver}else if (linaje < =-1) {}Si (document.layers) {}Document.countdownnsmain.Document.countdownnssub.Document.Write (opentags + "Reset Countdown" + closetags)Document.countdownnsmain.Document.countdownnssub.Document.Close()}else if (document.all|| document.getElementById)crosscount.innerHTML=opentags + "cuenta regresiva por favor verifique" + closetagsvolver}Else {}Si (document.layers) {}Document.countdownnsmain.Document.countdownnssub.Document.Write (opentags + dday + "días,"+ dhour +"horas,"+ dmin +"minutos y"+ dsec +"segundos a la izquierda hasta" ocasión + closetags)Document.countdownnsmain.Document.countdownnssub.Document.Close()}else if (document.all|| document.getElementById)crosscount.innerHTML=opentags + dday + "días,"+ dhour +"horas,"+ dmin +"minutos y"+ dsec +"segundos a la izquierda hasta" ocasión + closetags}setTimeout("countdown()",1000)}< /script >< ilayer id = "countdownnsmain" width = & {countdownwidth}; altura = & {countdownheight}; bgColor = & {countdownbgcolor}; visibilidad = ocultar >< id de capa = "countdownnssub" width = & {countdownwidth}; altura = & {countdownheight}; izquierda = 0 top = 0 >< / capa >< / ilayer >

3 Vuelva a colocar el año, mes, día, hora, minuto y segundo para el temporizador de cuenta atrás en el código donde los artículos son escuchar en mayúsculas. Hacer lo mismo con el título de la cuenta atrás y el mensaje de su cuenta regresiva. Estos son los fundamentos de su temporizador.

4 Personalizar el ancho y alto de su tiempo editando la "var countdownwidth" y "var countdownheight" parte del código. Jugar con diferentes números hasta encontrar la perfecta anchura y altura para su cronómetro. Personalizar el estilo de fuente, tamaño y color utilizando la "opentags var ='< fuente ="Garamond"color ="black">" forma parte del código. Para cambiar el color, simplemente cambiar el "negro" a cualquier color básico que desea (por ejemplo, blanco, rojo y azul). También se puede utilizar un código de color HTML, como #FF8040, que es de color naranja. Para cambiar el tamaño de tu texto, agregar en el interior de las marcas de <> al lado del color: tamaño = "Número". Luego agregar un número y prueba diferentes tamaños de la fuente.

Consejos y advertencias

  • Probar con diferentes colores, tamaños de letra y mensajes para asegurarse de que el temporizador de cuenta atrás ve exactamente cómo desea que se vea en su sitio.