[SOLUCIONADO] Mostrar Imagen en cero segundos

mafagre · #1 (**permalink**) 19/03/2016, 16:59

Hola tengo un problema, como puedo hacer para que cuando el segundero llegue a cero junto con el se muestre una imagen.

Comparto el codigo

Código:

<html> 
<head> 
<title>Documento</title> 

</head> 

<body bgcolor="#FFFFFF">

<table width="600" border="0">
  <tr>
    <td height="580">
    <p><img src="img/imagen.jpg" width="40" height="40"></p></td>
    <td>
    <div id="seg" class="seg">
    <div id="contador"></div>
    </div>
</td>
  </tr>
</table>
<script>
//Cuenta atrás en javascript
tiempo = 59; // Tiempo de inicialización para la cuenta atrás
 
tiempoAux=tiempo;
function cuenta_atras()
{
     document.getElementById("contador").innerHTML = tiempoAux+'</b> '; //Muestro los segundos que faltan
     tiempoAux--;
     if(tiempoAux == -1)
     {
          tiempoAux=tiempo;
     }
}
inter=setInterval("cuenta_atras()", 1000); // Ejecuto la acción cada segundo
</script>

</body> 
</html>

xfxstudios · #2 (**permalink**) 19/03/2016, 18:28

prueba asi mano:

Código HTML:

Ver original<body bgcolor="#FFFFFF">
<table width="600" border="0">
  <tr>
    <td height="580">
    <p><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/5/55/Sasso_lungo_da_passo_pordoi.jpg/270px-Sasso_lungo_da_passo_pordoi.jpg" width="200" height="200" style="display:none" id="img"></p></td>
    <td>
    <div id="seg" class="seg">
    <div id="contador"></div>
    </div>
</td>
  </tr>
</table>
</body>

Código Javascript:

Ver original$(document).ready(function() {    
 
var ini = 10;
 
function Mostrar(){
 
ini = parseInt(ini)-1;
 
document.getElementById("contador").innerHTML = ini;
 
    if(ini == 0){
    window.clearInterval(tiempo);
    $("img[id=img]").animate('display','Block');
    $("img[id=img]").fadeIn('slow');
    
 
}
 
}
var tiempo = setInterval(Mostrar, 1000);
});

MUESTRA: https://jsfiddle.net/xfxstudios/otmhzugq/1/

mafagre · #3 (**permalink**) 20/03/2016, 14:35

Excelente!!!!! muchas Gracias... lo que me queda de duda es para que reinicie al llegar a cero.

xfxstudios · #4 (**permalink**) 20/03/2016, 16:12

solo debes cargar la variable ini con la cantidad de segundos nuevamente y reiniciar la variable tiempo nuevamente, pero cual seria ola finalidad?

mafagre · #5 (**permalink**) 20/03/2016, 19:32

Hola
Es para un cronometro de largada cada un minuto , asi cuando llegue a cero aparece una imagen de luz verde y retorna, asi larga los coches cada un minuto.