Regresar a la página www.ComoCrearTuWeb.com
Resultados 1 al 8 de 8

Tema: Crear una cuenta atrás [HTML]

  1. #1
    Esto empieza a ser un vicio... Habitante Avatar de Doodleo
    Fecha de Ingreso
    25 abr, 11
    Ubicación
    Galicia (España)
    Mensajes
    1,329
    Poder de Reputación
    17

    Crear una cuenta atrás [HTML]

    Hola!
    En este tutorial os enseñaré a crear una cuenta atrás para... no sé, el uso que le queráis dar jejeje

    Código:
    <script language="JavaScript">
    TargetDate = "MES/DIA/AÑO 12:00 AM/PM UTC+0100";
    BackColor = "green";
    ForeColor = "blue";
    CountActive = true;
    CountStepper = -1;
    LeadingZero = true;
    DisplayFormat = "%%D%% Días, %%H%% Horas, %%M%% Minutos, %%S%% Segundos.";
    FinishMessage = "Ha terminado la cuenta atrás";
    </script>
    <script language="JavaScript" src="http://scripts.hashemian.com/js/countdown.js"></script>
    Lo que está en color rojo es lo que se puede modificar, aquí explico:

    - TargetDate: Aquí tenemos que poner el día al que va la cuenta atrás pero con la estructura siguiente: MES/DIA/AÑO (por ejemplo, si quiero que la cuenta atrás sean 24h pues pongo: 05/08/2011) --- Luego ponemos la hora (11:00, 12:00, etc... PERO NO 13:00, 14:00...) --- Luego podemos poner AM o PM, pero sólo una. AM = De la mañana ; PM = De la tarde/noche --- Luego está la franja horaria, la que está puesta es la española, si eres de otro país búscala en Google y cámbiala)

    - BackColor: Es el color de fondo del contador. Tienes que ponerlo en inglés.

    - ForeColor: Es el color de las letras en el que pone la cuenta atrás. Tienes que ponerlo en inglés.

    - FinishMessage: Es el mensaje que quieres que ponga al finalizar la cuenta atrás.

  2. #2
    Esto empieza a ser un vicio... Habitante
    Fecha de Ingreso
    02 may, 11
    Ubicación
    Santiago, Chile
    Mensajes
    2,043
    Poder de Reputación
    21
    Hola:

    Excelente aporte, gracias. Podrías hacerlo para que funcione con jQuery como un plugin :D.

    Saludos.

  3. #3
    Esto empieza a ser un vicio... Habitante Avatar de Doodleo
    Fecha de Ingreso
    25 abr, 11
    Ubicación
    Galicia (España)
    Mensajes
    1,329
    Poder de Reputación
    17
    Hola skaparate,

    Por supuesto, se podría hacer con jQuery. http://www.comocreartuweb.com/consul...a-atrás-jQuery

    Un saludo!
    Última edición por Doodleo; 22/03/2012 a las 18:51

  4. #4
    Administrador CCTW Webmaster de CCTWHabitante Avatar de Jorgens_CCTW
    Fecha de Ingreso
    30 ene, 11
    Ubicación
    Cartagena, Murcia, España.
    Mensajes
    1,188
    Poder de Reputación
    10
    Gracias por tus aportes! hey, nos das permiso para publicarlos en CCTW?

  5. #5
    Recien Llegado! Pasaba por aquí... Avatar de Ergotron_Mexico
    Fecha de Ingreso
    17 nov, 13
    Mensajes
    1
    Poder de Reputación
    0
    Hola, gracias, lo aplique en mi sitio web Ergotron - Home y me quedo excelente!!

  6. #6
    Recien Llegado! Merodeador
    Fecha de Ingreso
    17 oct, 15
    Ubicación
    Cali
    Mensajes
    3
    Poder de Reputación
    0
    buen codigo gracias de algo me servira :)

  7. #7
    Recien Llegado! Pasaba por aquí...
    Fecha de Ingreso
    28 abr, 16
    Mensajes
    1
    Poder de Reputación
    0
    Cita Iniciado por Doodleo Ver Mensaje
    Hola!
    En este tutorial os enseñaré a crear una cuenta atrás para... no sé, el uso que le queráis dar jejeje

    Código:
    <script language="JavaScript">
    TargetDate = "MES/DIA/AÑO 12:00 AM/PM UTC+0100";
    BackColor = "green";
    ForeColor = "blue";
    CountActive = true;
    CountStepper = -1;
    LeadingZero = true;
    DisplayFormat = "%%D%% Días, %%H%% Horas, %%M%% Minutos, %%S%% Segundos.";
    FinishMessage = "Ha terminado la cuenta atrás";
    </script>
    <script language="JavaScript" src="http://scripts.hashemian.com/js/countdown.js"></script>
    Lo que está en color rojo es lo que se puede modificar, aquí explico:

    - TargetDate: Aquí tenemos que poner el día al que va la cuenta atrás pero con la estructura siguiente: MES/DIA/AÑO (por ejemplo, si quiero que la cuenta atrás sean 24h pues pongo: 05/08/2011) --- Luego ponemos la hora (11:00, 12:00, etc... PERO NO 13:00, 14:00...) --- Luego podemos poner AM o PM, pero sólo una. AM = De la mañana ; PM = De la tarde/noche --- Luego está la franja horaria, la que está puesta es la española, si eres de otro país búscala en Google y cámbiala)

    - BackColor: Es el color de fondo del contador. Tienes que ponerlo en inglés.

    - ForeColor: Es el color de las letras en el que pone la cuenta atrás. Tienes que ponerlo en inglés.

    - FinishMessage: Es el mensaje que quieres que ponga al finalizar la cuenta atrás.
    tengo un problema, el llamado de Javascript, esta muy lento y no me funciona :
    <script language="JavaScript" src="http://scripts.hashemian.com/js/countdown.js"></script>

    Porfavor si lo puedes solucionar, lo demas perfect pero tengo ese problema que no me deja avanzar.

  8. #8
    Me va gustando esto... Habitante
    Fecha de Ingreso
    30 sep, 15
    Mensajes
    34
    Poder de Reputación
    4
    Recién comprobado y funciona 100%. Muchas gracias!
    Mi pequeña y humilde web: Fiuxy

Permisos de Publicación

  • No puedes crear nuevos temas
  • No puedes responder temas
  • No puedes subir archivos adjuntos
  • No puedes editar tus mensajes
  •