01/02/2008, 13:05
|
 | Colaborador | | Fecha de Ingreso: febrero-2007 Ubicación: Cantando "Screenager" en "Kirafa Kaput"
Mensajes: 3.614
Antigüedad: 17 años, 11 meses Puntos: 88 | |
| Re: cuenta reguesiva
 ejemplo de Cuenta Regresiva de Tunait  Código PHP: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Cuenta atrá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>
__________________
"Eres parte del problema, parte de la solucion o parte del paisaje"
Un Saludo desde Desierto de Altar, Sonora, MX.
Shiryu_libra |