reloj cuenta atrás

sandra120877 · #1 (**permalink**) 10/06/2011, 09:12

Hola.
No sé si pondré la pregunta en el foro adecuado, porque ando bastante perdida.
Estoy buscando algún sitio donde pueda descargarme o encontrar scripts de magento....lo que busco realmente es un reloj que haga una cuenta atrás para la compra de un producto en una tienda virtual.
Alguien me puede ayudar, por favor?
Muchas gracias.

abimaelrc · #2 (**permalink**) 10/06/2011, 09:17

Podrías hacerlo con PHP, mostrando la hora inicial almacenada en la base de datos y que haga los calculos para que cuando se muestre por primera vez muestre lo que falta exactamente y si quieres que sea dinámico con javascript le puedes mostrar el retroceso.

sandra120877 · #3 (**permalink**) 10/06/2011, 09:23

Muchas gracias por contestar.
El problema es que no tengo mucha idea de programacion..entonces estaba buscando a ver si puedo encontrar en algun sitio el script ya hecho...no sé si será posible.....

abimaelrc · #4 (**permalink**) 10/06/2011, 09:30

Bueno es algo sencillo, mira este ejemplo

Código PHP:

Ver original<?php
class LeftTime
{
    public static function getLeftTime($dt)
    {
        $dt1 = new DateTime($dt);
        $dt2 = new DateTime('now');
        $interval = $dt1->diff($dt2);
        return $interval->format('%Y años %M meses %d días %H:%I:%S');
    }
}
echo LeftTime::getLeftTime('2012-07-20 17:00:00') . '<br />'; // 01 años 01 meses 10 días 04:30:09
echo LeftTime::getLeftTime('2011-07-20 17:00:00') . '<br />'; // 00 años 01 meses 10 días 04:30:09
echo LeftTime::getLeftTime('2011-06-11 17:00:00') . '<br />'; // 00 años 00 meses 1 días 04:30:09
echo LeftTime::getLeftTime('2011-06-10 17:00:00') . '<br />'; // 00 años 00 meses 0 días 04:30:09

sandra120877 · #5 (**permalink**) 10/06/2011, 09:37

Hola de nuevo, muchas gracias. Lo único una pequeña duda, he copiado el código, ahora donde debo ingresarlo??
Perdona que te pregunte tanto pero no tengo mucha idea y la verdad no encuentro a nadie que me ayude.

Graciasss.

abimaelrc · #6 (**permalink**) 10/06/2011, 09:42

Te recomiendo que pases por el área de aportes para que puedas ver un buen manual que te ayudará a desenvolverte.

stramin · #7 (**permalink**) 10/06/2011, 09:46

hola!

ya abimaelrc te ha proporcionado el código PHP, te ayudo con la parte javascript

copia este código en una página nueva y prueba para que veas como funciona:

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin t&iacute;tulo</title>
<script language="javascript">
function contador(){
    var desde=new Date();
    var hasta=new Date();
    hasta.setFullYear(2012,0,1);
    hasta.setHours(0);
    hasta.setMinutes(0);
    hasta.setSeconds(0);
    var falta=hasta.getTime()-desde.getTime();
    
    var dias=Math.floor(falta/(1000*60*60*24));
    document.getElementById('dias').innerHTML=dias;
    
    var horas=Math.floor((falta-dias*(1000*60*60*24))/(1000*60*60));
    document.getElementById('horas').innerHTML=horas;
    
    var minut=Math.floor((falta-dias*(1000*60*60*24)-horas*(1000*60*60))/(1000*60));
    document.getElementById('minut').innerHTML=minut;
    
    var segun=Math.floor((falta-dias*(1000*60*60*24)-horas*(1000*60*60)-minut*(1000*60))/(1000));
    document.getElementById('segun').innerHTML=segun;
    
    setTimeout("contador()",1000);
}
</script>
</head>
<body onload="contador()">
FALTAN <span id="dias"></span> DIAS, <span id="horas"></span> HORAS, <span id="minut"></span> MINUTOS, <span id="segun"></span> SEGUNDOS PARA EL FIN DEL MUNDO!
</body>
</html>

solo debes adaptarlo a tus necesidades, me quedo algo largo y seguro hay una forma mejor de hacerlo pero funciona XD

si no entiendes algo solo dime.