Autor Tema: [Tutorial] Cuenta atrás JS  (Leído 1229 veces)

Desconectado GuayAngel12

  • PHPero Experto
  • *****
  • Mensajes: 894
  • Karma: 17
  • Sexo: Masculino
  • Programador PHP, CSS, HTML...
    • Ver Perfil
    • GreeBool
[Tutorial] Cuenta atrás JS
« en: 27 de Agosto de 2009, 00:03:02 am »
Muchos abreis contratado un hosting pero aun no teneis la web ¿verdad? Pues con este codigo lo poneis en un archivo como index. php, lo configurais y saldrá la cuenta atrás de lo que falta hasta abrir vuestra web. . .  os dejo el codigo:

index. php
Código: [Seleccionar]
<html>

<head>
<script language="javascript">
<!--
//Codigo que muestra una cuenta atras hasta finalizar el tiempo indicado

//variables que determinan el tital de horas, minutos y segundos para la cuenta atras
toHour=0;
toMinute=1;
toSecond=0;

//cuenta atras
function countDown()
{
toSecond=toSecond-1;
if(toSecond<0)
{
toSecond=59;
toMinute=toMinute-1;
}
form.second.value=toSecond;

if(toMinute<0)
{
toMinute=59;
toHour=toHour-1;
}
form.minute.value=toMinute;

form.hour.value=toHour;
if(toHour<0)
{
//final
form.second.value=0;
form.minute.value=0;
form.hour.value=0;
}else{
setTimeout("countDown()",1000);
}
}
-->
</script>

<style type="text/css">
.form_input
{
font-family: Verdana;
font-size: 12;
color: #ffffff;
border-width: 0;
background-color: #000000;
text-align: right;
}
</style>
</head>

<body onload="countDown();">
<form name="form">
Tiempo restante...:
<input type="text" size="5" class="form_input" name="hour" disabled>:
<input type="text" size="5" class="form_input" name="minute" disabled>:
<input type="text" size="5" class="form_input" name="second" disabled>
</form>

</body>
</html>

Solo deveis modificar a vuestro gusto esto:
Código: [Seleccionar]
toHour=0;
toMinute=1;
toSecond=0;

Por lo demás es vuestra elección y porsupuesto, ¡cambiadlo si sabeis lo que haceis!
Bueno. . .  espero que les aya servido.  Dew  ;)

Comunidad PHPeros

[Tutorial] Cuenta atrás JS
« en: 27 de Agosto de 2009, 00:03:02 am »

Desconectado Hugox

  • PHPer@ Fijo
  • ***
  • Mensajes: 104
  • Karma: 5
  • Sexo: Masculino
  • Vamos a Aprender
    • Ver Perfil
    • UrbaMix
Re: [Tutorial] Cuenta atrás PHP
« Respuesta #1 en: 27 de Agosto de 2009, 01:03:15 am »
está muy chulo,! gracias por el aporte

Desconectado westwest

  • PHPero Master
  • ******
  • Mensajes: 2.837
  • Karma: 104
  • Sexo: Masculino
    • Ver Perfil
Re: [Tutorial] Cuenta atrás PHP
« Respuesta #2 en: 27 de Agosto de 2009, 16:46:54 pm »
no es PHP, es javascript. aunk se parecen mucho

Desconectado Masato

  • PHPero Avanzado
  • ****
  • Mensajes: 480
  • Karma: 12
  • Sexo: Masculino
  • <?php echo "Solo quiero aprender php"; ?>
    • Ver Perfil
    • Masato Design!
Re: [Tutorial] Cuenta atrás PHP
« Respuesta #3 en: 28 de Agosto de 2009, 20:15:06 pm »
Muy útil el tuto ^^