solo tienes que usar este código
Todos los parámetros son configurables:
<center><span class="Apple-style-span" style="color: red; font-family: 'Trebuchet MS', sans-serif;">Faltan solamente</span></center><center><script language="JavaScript" type="text/javascript">
//<![CDATA[ TargetDate = "MM/DD/AA 09:10 PM"; BackColor = "white"; ForeColor = "black"; CountActive = true; CountStepper = -1; LeadingZero = true; DisplayFormat = "%%D%% Días, %%H%% Horas, %%M%% Minutos, %%S%% Segundos."; FinishMessage = "Feliz fin del mundo!!!"; //]]> </script><script language="JavaScript" src="http://scripts.hashemian.com/js/countdown.js" type="text/javascript"> </script></center><center><span class="Apple-style-span" style="color: red; font-family: 'Trebuchet MS', sans-serif;">Para el fin del mundo</span></center>
En lo que está en rojo es en donde tienes que poner la fecha y hora en la que quieres terminar la cuenta regresiva, lo que está en azul lo puedes cambiar por cualquier texto y lo que está en naranja es el mensaje que aparecerá al terminar la cuenta regresiva
GRACIAS.
ResponderEliminarraschit: al contrario, a ti muchas gracias por tomarte la molestia de comentar :D
ResponderEliminarMe encanta este código ^o^
ResponderEliminarYa no funciona, o es la pagina
ResponderEliminarMM/DD/AAAA SI ME funciono
EliminarPerrolisto: si, es muy bueno
ResponderEliminarUstenmoco: que es lo que no te funciona?
Muchas Gracias !!! Me funcina pero si lo pongo con este formato: DDMMAAAA. Lo comento por si alguien no le funciona.
ResponderEliminarOtra vez: MUCHAS GRACIAS !!!
excelente, gracias. Me imagino que todo depende de donde tengas tu página :)
EliminarSirve para enviar por correo?
ResponderEliminarCLARO Q SI, PERO TU CUENTA DEBE DE SER OUTLOOK
EliminarComo puedo hacer para que al llegar a 0 (cero) redirija a otra pagina?
ResponderEliminarCon este código no es posible, lo siento.
EliminarOjalá puedas ayudarme, requiero poner varios contadores para varios eventos en mi index, cómo puedo implementar este código ya que solo me muestra un contador por página???
ResponderEliminar¿Cuál es tu página?
Eliminarcomo inserto varios relojes en una misma pagina, necesito 4 cronometros regresivos en un solo docuemnto html, esta es la web www.menuguia.org GRACIAS!
ResponderEliminarTienes que agregarlos uno por uno y por separado para que no haya conflicto pero luego los arrastras al mismo lugar.
EliminarGracias!!! Muy chistoso lo del fin del mundo jeje
ResponderEliminarNo hay de que :) es para supersticiosos jaja
EliminarUna Pregunta se pudiera cambiar el tamaño de la letra que esta en rojo???
ResponderEliminarSi, sólo tienes que agregar
Eliminarfont-size: large
después de
sans-serif;
Las dos veces que aparezca :)
Gracias!!!
EliminarSe puede poner mas grandes los números?
EliminarTodo un groso ... lo apliqué en mi página www.clubacostasud.com.ar/inicio
ResponderEliminarExcelente!! Que bien que te haya resultado :)
Eliminaryo no puedo poner el reloj regresivo
Eliminarno me queda!!!modifico todo y nada se me pone el titulo de la fecha del dia que elijo cuando no deberia
ResponderEliminarQue fecha quieres poner y la hora? Yo puedo configurartelo :)
Eliminarlo pongo en un block de notas. lo guardo y lo abro en CHROME y me setea en faltan 3040 dias... una ayuda con eso?
EliminarQué fecha le quieres poner? Dime y yo te lo configuro.
Eliminar25 de mayo 2015
Eliminarhola se puede utilizar en este codigo? para un sistema, que al momento que salga un personal de proceso por reposos me haga el conteo, pero por persona, sera que me funciona?
ResponderEliminarSi estamos hablando ya de sistemas es una cosa muy diferente y compleja por lo que este código no te serviría :(
EliminarExcelente aporte... Esta super chevere, gracias por tu aporte.... Ven un apregunta.
ResponderEliminarEl tamaño de la fecha, se puede agrandar ??
Si, sólo tienes que agregar
Eliminarfont-size: large
después de
sans-serif;
Las dos veces que aparezca :)
se puede cambiar el tamaño del reloj ?? osea.... yo quiero que no salgan los numeros tan chiquitos los quiero mas grandes como ago ???
ResponderEliminarMe temo que no puesto que habría que modificar el script
EliminarQuizás un poco tarde y ya lo hayan resuelto, pero esta fue mi solución:
EliminarEn la línea DisplayFormat coloca las etiquetas de título o de encabezados (h1, h2, h3: según tamaño que desees, h1 es el más grande) dentro de las comillas, dicha linea queda así:
DisplayFormat = "ETIQUETA DE APERTURA%%D%% Días, %%H%% Horas, %%M%%Minutos, %%S%% Segundos.ETIQUETA DE CIERRE";
Listo!!!
hola, buenas tardes... esta cuenta regresiva, sirve para facebook? siendo que si, donde es que se pone el codigo? muchas gracias!!! :D
ResponderEliminarSi usas una aplicación para HTML si podría funcionar para una página
Eliminaraspero el codigo gracias
ResponderEliminarAl contrario, muchas gracias a ti por tomarte la molestia de comentar :)
EliminarHe probado y poniendo la fecha que deseo, que son hoy 29 días, siempre me aparece en la vista previa "3092" días xx horas xx minutos.
ResponderEliminarEs posible que esté haciendo algo mal.
¿Qué debería corregir,?
Tendrías que cambiar
EliminarMM/DD/AA
por
08/04/2012
Si la cuenta regresiva las quieres poner para que se termine el cuatro de agosto.
Este comentario ha sido eliminado por el autor.
ResponderEliminarTengo una página de un grupo cristiano con mas de 4000 miembros en la que cada dia a las 8 pm es la hora de la oración. Me gustaría poner este excelente código en la que muestra cuanto tiempo falta para el momento de orar. Esto es diario, asi que me podrían decir si el script se podria configurar para este caso. Gracias.
ResponderEliminarHola que tal, lo tendría que configurar todos los días. No hay manera de ponerlo para que se reinicie, lo siento.
EliminarHola, sabes que quiero colocarlo para una transmisión en vivo. Pero no puedo, solo dice solo faltan y abajo para transmitir en vivo, pero nada de cuento falta. Ayuda por favor.
ResponderEliminarSi quieres, puedes darme la hora y fecha que quieres configurar y yo lo hago por ti.
EliminarMe pueden configurar Días: 7 Hora: 2:30 Minuto:50 Segundo: 10
ResponderEliminarBuenas tardes,
ResponderEliminarMe funciona bien, pero quiero cuadrarlo con un reloj de puja y tengo una diferencia de 3 horas como se cambian las horas y los minutos.
felicidades por todo
hola a mi no me va me sale: NaN dias NaN horas etc
ResponderEliminarlo puesto de todos los modos posibles la hora, msn mangarde@hotmail.es saludos y muchas gracias por adelantado :D
hola puse el codigo todo bien cuando lo abro con el chrome pero con el explorer y mozilla f..... me sale directo el mensaje y no la cuenta regrsiva
ResponderEliminarA mi me pasa lo mismo.
EliminarEn mi caso en chrome me sale bien, pero en explorer me pone "Faltan - Ya es Semana Santa - para Semana Santa" :S
me salta directamente el mensaje. Espero puedan ayudarme. Gracias!
oyes men se cuando se termina el time de seg no se cambia a minuto 30
ResponderEliminarPOR EJEMPLO LO TENGO A :
20 MIN 30 SEG LLEGA A 0 EL DE SEG Y DA OTRABES A 20 MIN 30 SEG.NO ME CAMBIA A 19 MIN 59 SEG
¿QUE AGO?
YA LO ARREGLE GRAX POR EL HTML
EliminarGracias por tan excelente aporte
ResponderEliminarSencillo y muy util... Muchas GRACIAS.
ResponderEliminarPuedo ponerle link al texto que aparece en finishmessage?
ResponderEliminarDonde tengo que aplicar este mensaje???
ResponderEliminarLo quiero para FACEBOOK
Hola buen dia, una pregunta quiero poner un cronometro de cuenta regresiva en mi perfil de Facebook, este codigo sirve?
ResponderEliminarhola esta configurado a la fecha actual? porque cuando pongo la fecha de término me dice que faltan 776 dias, y es la fecha del 28 de febrero, como puedo arreglar esto?. Supongamos que cada inicio de mes quiero una cuenta para el ultimo dia del mes??
ResponderEliminarGracias
Hola muy buena pagina! Tengo un problema: No se me cambia lo del fin del mundo, lo quiero cambiar por feliz año nuevo y no pasa nada. Me pueden ayudar?
ResponderEliminarcomo puedo poner el cronometro en un grupo de facebook?
ResponderEliminarGracias!!
ResponderEliminarBuenicimo este truco ,lo comencé a usar gracias. beanlo en http://www.mcc-cucuta.com/
ResponderEliminarGrande, gracias por el aporte. Solo que busco como poner algo similar en Facebook
ResponderEliminar¿como puedo hacerlo para ponerlo en mi facebbok?
ResponderEliminarBuenas amigo... una pregunta ese codigo se podria pegar en el facebook para que aparexca el contador en un grupo? de ser si.. como se colocaría?.. es que a partir de hoy nos queda un mes exacto para mi acto de grado.. y quisiera tener un contador regresivo en el grupo de mi promoción.. Gracias por toda la ayuda que puedas darme
ResponderEliminarMe funcionó super bien!!! jajaj me encanta, muchísimas gracias!! :D
ResponderEliminary como muevo el reloj a donde quiero, los mensaje todo bien pero el reloj? o sea posicion tamaño
ResponderEliminarhola nesecito ayuda ... anda todo prfecto pero tengo otros usuarios de otros paises que yo pongo la cuenta regresiva en 10 mi nutos y a ellos les aparecen que falta como 7 horas obeamente esto es por el cambio horario hay alguna forma para evitar que sea afectado con el cambio horario osea yo quiero que la ceunta sea de 60 minutos sin importar el pais que la este mirando simplemente quiero que retroceda el tiempo hasta llegar a 0 hay algun codigo que no se maneje con el sistema de horarios ya q esto traeria problemas en diferentes paises por favor ayuda
ResponderEliminarEXCELENTE, ME FUNCIONÓ SIN PROBLEMAS, MUCHAS GRACIAS
ResponderEliminarNo me funciona, como hago para agregarlo a una pagina de Jimdo? quiero que acabe en año nuevo
ResponderEliminarLo que no sale es la cuenta regresiva, lo hago por HTML de jimdo en donde dice widgets/HTML
EliminarFue mi erro tenia que verlo en vista previa,
EliminarAhora si puedo decir que es una muy buena pagina y me ayudara mucho
Muchas Gracias!
gracias me sirvio para el conteo de mi pagina, los espero por alli
ResponderEliminar¿como puedo hacerlo para ponerlo en mi facebbok
ResponderEliminarFacebook personal o página de Facebook?
EliminarNO LE ENTIENDDDDDO SOLO COPIO Y PEGO EL CODDIGO LO QUIERO PARA MI MURO DDE FACEBOOK OK HELP ME
ResponderEliminarLo siento, el muro de Facebook no interpreta lenguaje HTML, es imposible ponerlo ahí
Eliminardisculpas - una ayuda !! el el codigo o letras para aumentar el tamaño daria para cualquier cosa o aplicacion!!
ResponderEliminarExcelente, muchas gracias por tu aporte. Dios te bendiga.
ResponderEliminarHola amigo, lo puse pero me marca un error de scrip y no se si se deba a algo en mi homepage.
ResponderEliminarno me funciono :P
ResponderEliminarHola, me pone NaN dias etc, que puede estar pasando?
ResponderEliminarHay que cambiar la fecha límite en la siguiente parte:
EliminarTargetDate = "MM/DD/AA 09:10 PM";
Si es para Navidad debes poner:
TargetDate = "24/12/2013 11:59 PM";
Si es para Ano Nuevo debes poner:
TargetDate = "29/12/2013 11:59 PM";
Etc...
Muy bueno!
ResponderEliminarGracias!
Como puedo hacer para que al final del conteo muestre una imagen ????
ResponderEliminarComo podría colocarlo de manera simple (es decir que solo se visualice el contador en mi muro de facebook)
ResponderEliminar¿o en mi fan page de Facebook, o en un evento creado y anunciado en Facebook por ejemplo?
ResponderEliminar¿Como puedo tener varios en un solo html? lo que hace, aunque ingreso por separado, es sumar los días de todos y eso me sale. pero no varios.
ResponderEliminarNO lo puedo hacer! cómo se hace?
ResponderEliminarExcelente !!! pero tengo una duda ¿Con que etiqueta puedo aumentar el porte de los números? Saludos ! excelente material !
ResponderEliminarHola buenas noches tengo una duda como podria hacer para que se muestra en un while y asi pongo varios countdowns? Es que lo he probado y solo me hace el countdown del ultimo.
ResponderEliminarGracias y Un Cordial Saludo
Muchas gracias, me sirvio mucho tu publicación
ResponderEliminarHola, he conseguir colocar el codigo, pero mi fecha final es el 29 de Marzo y lo he colocado pero me salen que quedan 2309 dias y no consigo colocarlo bien, me gustaria que me ayudaras gracias
ResponderEliminarGenial muchas gracias!
ResponderEliminarAlguien sabe porque este código no funciona en explorer ni mozilla?, en chrome está perfecto.
ResponderEliminarMe respondo solo xD, para que funcione en Explorer y Mozilla
ResponderEliminaren la parte del target day, el año debe ir con 4 dígitos.
Debe ser TargetDate = "02/08/2015 10:00 AM"; en vez de TargetDate = "02/08/15 10:00 AM";
Muchas gracias por el CODIGO !
ResponderEliminarGracias. Me ha sido muy útil.
ResponderEliminarHola buen dia, me podrias ayudar con un contador de tiempo para ponerlo en mi pagina, el proyecto es un examen en linea pero no me acepta el codigo expuesto arriba :(
ResponderEliminarComo puedes modificar el tamaño del formato de los numeros del conteo es decir que se vean más grandes o más pequeños
ResponderEliminarComo puedes modificar el tamaño del formato de los numeros del conteo es decir que se vean más grandes o más pequeños
ResponderEliminarSencillo, en la línea DisplayFormat coloca las etiquetas de título o de encabezados (h1, h2, h3: según tamaño que desees, h1 es el más grande) dentro de las comillas, dicha linea queda así:
EliminarDisplayFormat = "ETIQUETA DE APERTURA%%D%% Días, %%H%% Horas, %%M%%Minutos, %%S%% Segundos.ETIQUETA DE CIERRE";
Listo!!!
Muchas Gracias, proyectoveinte.com $1 dolar por 99 píxel.
ResponderEliminarMuchas gracias por este código, pero tengo una duda cual sería el codigo para que cuando termine la cuenta regresiva se eliminen los spans como por ejemplo: Faltan solamente. Quisiera saber si me podrías ayudar
ResponderEliminarNo funciona ni cambiando el targetdate
ResponderEliminarFunciona perfecto, gracias erpal.cl
ResponderEliminarBUENAS TARDES EN UNA PAGINA DE FACEBOOK SE PUEDE PONER?
ResponderEliminarSe puede poner una cuenta regresiva en una publicacion de fanpage de facebook???
ResponderEliminarHOLA BUENAS NOCHES
ResponderEliminarSE QUE SI PONGO EL CODIGO Y PONGO LA FECHA DE MANERA MANUAL
HAY MANERA DE QUE SE PUEDE HACER AUTOMATICAMENTE POR MEDIO DE CALCULO DE KILOMETRAJES
COMO POR EJEMPLO SI UN AUTOMOVIL VA A CONDUCIR 100 KILOMETROS Y LUGO QUE EMPIEZE UNA CUENTA REGRESIVA
DE CUANTO TIEMPO VA A TARDAR EN RECORRER LOS 100 KILOMETROS
Me funcionó. Gracias.
ResponderEliminara mi no me funciona solamente me salen las letras, lo copie tal cual poniendo la fecha del domingo a las 12h y solo me salen las letras, probe lo que dija un usuario de ponerlo en formato españil dia mes y año pero tampoco solo salen las letras.
ResponderEliminarPuedes darme un poco de luz porfa. Gracias