Foros del Web » Creando para Internet » HTML »

[SOLUCIONADO] Cambiar esta imagen

Estas en el tema de Cambiar esta imagen en el foro de HTML en Foros del Web. Hola amigos, quisiera pedirle una gran ayuda y esque estoy intentando colocar una cuenta regresiva en un determinado tiempo. les dejo mi blog de prueba ...
  #1 (permalink)  
Antiguo 13/04/2013, 14:45
 
Fecha de Ingreso: abril-2013
Mensajes: 3
Antigüedad: 11 años
Puntos: 0
Cambiar esta imagen

Hola amigos, quisiera pedirle una gran ayuda y esque estoy intentando colocar una cuenta regresiva en un determinado tiempo.


les dejo mi blog de prueba : tuprueba2500.blogspot.com

si llegan a notar despues de 10 Segundos sale una imagen que dice Prueva .

Bueno y esque quisiera cambiar esa imagen por una cuenta regresiva.

a los capo en esto les dejo el codigo , aver si se puede cambiar la imagen por un contador.

Código:
<html>
<head>
<script>
var delay = 10000;
var pathImagen = 'http://i.imgur.com/gXJano5.png';

function Imagen(){
   
      document.getElementById('IMG').innerHTML = '<img style="margin: 450px 0px 0px 500px;" src="http://i.imgur.com/gXJano5.png" />'

}
setTimeout("Imagen()", delay);
</script>
</head>
<body>
<div id="IMG"></div>
</body>
</html>
Espero sus respuesta , Saludos

PD : marque el casillero por casualidad de solucionado

Última edición por idanielito; 13/04/2013 a las 15:00
  #2 (permalink)  
Antiguo 13/04/2013, 18:16
 
Fecha de Ingreso: febrero-2009
Mensajes: 472
Antigüedad: 15 años, 2 meses
Puntos: 14
Respuesta: Cambiar esta imagen

Hola idanielito.

Yo personalmente lo haria con algun tipo de contador en javascript que se ejecutase en el onload del form, así al cargar la página se ejecutaria.

Se me ha ocurrido esta forma para hacerlo, quizas sea un poco cutre, pero no se me ocurre algo mejor en estos momentos.

El código javaScript seria algo así.

Código Javascript:
Ver original
  1. <script language="javascript">
  2.             var tiempo = 10;
  3.             function cuentaRegresiva(){
  4.                 if (tiempo > 0){
  5.                 tiempo--
  6.                 }
  7.                 else{
  8.                 tiempo=10
  9.                 }
  10.  
  11.                 document.formularioejemplo.tiempoact.value=tiempo
  12.                 setTimeout("cuentaRegresiva()",1000)
  13.             }
  14.  
  15.         </script>

y un pequeño trozo de html para terminar el ejemplo.
Código HTML:
Ver original
  1.     <body onload="cuentaRegresiva()">
  2.         <form name="formularioejemplo">
  3.             <input type="text" name="tiempoact">
  4.         </form>
  5.     </body>
  6. </html>

Espero que esta pequeña función te sirva en tu propósito.

Un saludo

Pinty

Etiquetas: Ninguno
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 21:00.