cuenta reguesiva

mc_quake · #1 (**permalink**) 01/02/2008, 10:05

hola me gustaria saber si alguien sabe como hacer una cuenta reguresiva
quiero una cuenta regresiba que empiece de 10 minutos con 00 segundos y empiece a decender hasta llegar a00 minutos con 00 segundos

ejemplo : 10:00 -->......... 9:02 -----> 5:09 hasta llegar a 00:00

de antemanos gracias
__________________

Nenillo · #2 (**permalink**) 01/02/2008, 11:29

En principio con la función setInterval deberías tener suficiente.

Esta función llama a una función definida por ti cada x segundos.

setInterval("mifuncion();",1000);

Así llamas a mifuncion() cada segundo y ahí haces que muestre la cuenta atrás.

mc_quake · #3 (**permalink**) 01/02/2008, 12:59

quede igual de colgado lo que sucede es que no se java script y necesito poner un cuenta regresiva en mi sitio asp. asp si manejo bien pero lenjuagues de script no

Shiryu_Libra · #4 (**permalink**) 01/02/2008, 13:05

ejemplo de Cuenta Regresiva de Tunait

Código PHP:

  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Cuenta atr&aacute;s</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript">
/*****************************************************************************
Script por Tunait! (28/9/2003)
Si quieres usar este script en tu sitio eres libre de hacerlo con la condición de que permanezcan intactas estas líneas, osea, los créditos.
No autorizo a publicar y ofrecer el código en sitios de script sin previa autorización
Si quieres publicarlo, por favor, contacta conmigo.
http://javascript.tunait.com/
[email protected] 
******************************************************************************/
var horas = 00 //establece las horas
var minutos = 00 //establece los minutos
var segundos = 05 //establece los segundos
var horas2,minutos2,segundos2
function cuentaAtras(){
if(segundos > 0){
    segundos--
    }
else{
    if(minutos > 0){
        segundos = 59;
        minutos--
        }
    else{
        if(horas > 0){
            minutos = 59;
            horas--
            }
        }
    }
ceros()
document.getElementById('ca').firstChild.nodeValue = horas2 + ":" + minutos2 + ":" + segundos2
if(horas > 0 || minutos > 0 || segundos > 0){
    tiempo = setTimeout('cuentaAtras()',1000)
    }
}
function ceros(){
segundos.toString().length < 2 ? segundos2="0" + segundos : segundos2 = segundos
minutos.toString().length < 2 ? minutos2="0" + minutos : minutos2 = minutos
horas.toString().length < 2 ? horas2="0" + horas : horas2 = horas
 if(horas2==00 && minutos2==00 && segundos2==00)
{
alert("Se te acabo el tiempo!!");
}
}
function escribe(){
ceros()
document.write ('<span id="ca">' + horas2 + ":" + minutos2 + ":" + segundos2 + '</span>')
}
</script>
<style type="text/css">
<!--
#ca {
    font-family: Tahoma, Verdana, Arial;
    color: #CC0033;
    font-size: 12px;
    font-weight: bold;
}
a.boton {
    display: block;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #CC0033;
    border: 1px solid #993300;
    width: 150px;
    text-align: center;
    text-decoration: none;
    padding: 1px;
}
a.boton:hover{
    background-color: #993333;
    display: block;
    color: #FFFFFF;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #333333;
    border-right-color: #FFFFFF;
    border-bottom-color: #FFFFFF;
    border-left-color: #333333;
    width: 150px;
}
-->
</style>
</head>

<body >
<p align="center"> 
  <script>escribe()</script></p>
  <table align="center" cellpadding="0" cellspacing="0">

  <tr>
    <td><a href="#" onClick="cuentaAtras();return false" class="boton">Iniciar cuenta atrás</a></td>
  </tr>
</table>
</body>
</html>