Foros del Web » Programando para Internet » Javascript »

Duda sobre temporizar

Estas en el tema de Duda sobre temporizar en el foro de Javascript en Foros del Web. Hola muy buenas, Estoy intentando crear un script que tarde 0.6 segundos en mostrar un contenido cuando se pone el raton sobre el, la parte ...
  #1 (permalink)  
Antiguo 12/06/2013, 06:23
 
Fecha de Ingreso: marzo-2008
Ubicación: En casa
Mensajes: 252
Antigüedad: 11 años, 7 meses
Puntos: 4
Pregunta Duda sobre temporizar

Hola muy buenas,

Estoy intentando crear un script que tarde 0.6 segundos en mostrar un contenido cuando se pone el raton sobre el, la parte del "visibility" la he logrado, pero no consigo hacerle funcionar con delay o otros temporizadores, aqui os dejo el script para ver si me podeis echar una mano o dar una pista de por donde pueden ir los tiros.

Gracias por vuestro tiempo de antemano.
Código HTML:
function toggle(obj) {
			var item = document.getElementById(obj);
			if(item.style.visibility == 'visible') { item.style.visibility = 'hidden'; }
			else { item.style.visibility = 'visible'; }		
		}
__________________
Ayudar cuesta mucho, dar las gracias no tanto, tenlo en cuenta siempre.
  #2 (permalink)  
Antiguo 12/06/2013, 09:41
Avatar de alberto510a  
Fecha de Ingreso: abril-2013
Mensajes: 351
Antigüedad: 6 años, 6 meses
Puntos: 35
Respuesta: Duda sobre temporizar

Hola, mira aquí te monte un ejemplo.

Imaginemos que tenemos 2 divs uno azul y otro verde, al pasar el ratón por encima del azul se producirá un setTimeout para un retraso de 600 milisegundos y tras esto se hace la función de mostrar el div verde:

Código HTML:
Ver original
  1. <div id="prueba" style="visibility:hidden;width:300px;height:300px;background:#083;">
  2. Este div estará invisible
  3. </div>
  4. <div onmouseover="javascript: window.setTimeout(function(){mostrar()},600);" style="width:300px;height:300px;background:#135;">
  5. Pasame el ratón por encima!
  6. </div>

Código Javascript:
Ver original
  1. <script>
  2.     function mostrar(){
  3.         var estado = document.getElementById('prueba').style;
  4.         if (estado.visibility == 'hidden'){
  5.             estado.visibility = 'visible'
  6.         }
  7.         else {
  8.             estado.visibility = 'hidden';
  9.         }
  10.     }
  11. </script>

Saludos!
__________________
No hay preguntas tontas, sino tontos que no preguntan.

Etiquetas: funcion
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

SíEste tema le ha gustado a 1 personas




La zona horaria es GMT -6. Ahora son las 20:38.