Calificación:
  • 0 voto(s) - 0 Media
  • 1
  • 2
  • 3
  • 4
  • 5
Ayuda con Contador en JavaScript
#1
Hola a todos, quisiera solicitar su ayuda, con respecto al lenguaje JS estoy recien empezando a aprender y tenia la siguiente duda, tengo el siguiente codigo que me imprime la conversion de segundos a un formato Hora:minutoConfundidoegundos
Código:
<?php $Segundos="2900"; ?>
<script type="text/javascript">
var num = '<?php echo $Segundos; ?>'
function cuentaAtras(){
    if(num > 0){
    var hours = Math.floor(num/3600);
    var minutes = Math.floor((num%3600)/60);
    var seconds = num%60;
    minutes = minutes < 10 ? '0' + minutes : minutes;
    seconds = seconds < 10 ? '0' + seconds : seconds;
    document.write ('<span id="ca">' + hours + ':' + minutes + ':' + seconds + '</span>');
    //setTimeout('cuentaAtras()',1000);
    }
}
window.onload=cuentaAtras
</script>
<body>
       <script>cuentaAtras()</script>
</body>
Mi consulta seria, existe algun metodo para que funcione como un contador en reversa como el siguiente ejemplo(este codigo lo obtuve de una pagina web y lo modifique un poco para que obtuviera datos por consulta en PHP/MYSQL, por eso el <?php  ?> al inicio, para darles un ejemplo de como funciona) ya que es un poco molesto ver 36620 y es mas comodo ver "01:01:20":
Código:
<?php $RestSegundos="2900"; ?>
<script type="text/javascript">
var num = '<?php echo $RestSegundos; ?>';

function cuentaAtras(){
    if(num >= 0){
        if(num<10){
            num = "0" + num
        }
        document.getElementById('ca').firstChild.nodeValue = num
        num--
        setTimeout('cuentaAtras()',1000)
    }
}

function escribe(){
    document.write ('<span id="ca">' + num + '</span>');
}
window.onload=cuentaAtras

</script>
<body>
       <script>escribe()</script>
</body>
Les agradesco su ayuda
No hay mejor opinión que la que uno mismo se puede formar...
#2
Hola amigo, quizá este articulo pueda ser lo que buscas es un contador con imágenes, así que se ve un poco más estético, espero te sirva, saludos.

Código:
http://www.ajaxshake.com/es/JS/238631/reloj-de-cuenta-regresiva-con-jquery-countdown.html
#3
Muchas gracias por tu ayuda, modifique un poco el codigo de esa base y ahora ya funciona Sonrisa
No hay mejor opinión que la que uno mismo se puede formar...


Posibles temas similares...
Tema Autor Respuestas Vistas Último mensaje
  JavaScript en 14 minutos Posits 5 105 12-04-2018, 08:44 AM
Último mensaje: easy english
  [Tutorial] Métodos para redireccionar URLs (HTML, PHP y Javascript wiston3 1 296 01-12-2016, 11:12 PM
Último mensaje: zeuz
  Linux Foundation respalda JavaScript Kiichi 3 316 03-11-2016, 03:43 AM
Último mensaje: habacuc78
  [Aporte] Curso básico de Javascript habacuc78 22 1,179 05-07-2016, 03:53 PM
Último mensaje: escuelasegura
  Trucos y efectos de Javascript para tu página web CarlosAlberto 0 547 05-01-2016, 03:51 PM
Último mensaje: CarlosAlberto
Sonrisa [Tutorial] Cómo utilizar Javascript para actualizar un Título R0bert0 0 597 05-12-2015, 10:07 PM
Último mensaje: R0bert0
Bombilla [Tutorial] Cómo utilizar Javascript para reproducir un archivo R0bert0 0 411 05-12-2015, 10:02 PM
Último mensaje: R0bert0
  [Tutorial] Calculadora sencilla en JavaScript luis.ml 3 542 21-09-2015, 12:03 PM
Último mensaje: riblier
  Caracteres especiales en javascript MikaCookies 4 676 09-03-2015, 01:41 AM
Último mensaje: MikaCookies
  Trucos Javascript canpios 4 479 30-01-2015, 06:17 AM
Último mensaje: garcon



Usuarios navegando en este tema: 1 invitado(s)