Foros del Web » Programando para Internet » Javascript »

cambiar numeros sin parar

Estas en el tema de cambiar numeros sin parar en el foro de Javascript en Foros del Web. Quiero poner que el 1 y el 2 se alternen por ejemplo <div>Numero: 1</div> Donde sale uno que cambie.. es que lo quiero para algun ...
  #1 (permalink)  
Antiguo 27/04/2010, 17:12
Avatar de angel1993  
Fecha de Ingreso: octubre-2009
Mensajes: 752
Antigüedad: 14 años, 6 meses
Puntos: 22
cambiar numeros sin parar

Quiero poner que el 1 y el 2 se alternen por ejemplo

<div>Numero: 1</div>
Donde sale uno que cambie.. es que lo quiero para algun efecto filter: para que cambie un poco y quede mejor..
  #2 (permalink)  
Antiguo 28/04/2010, 05:52
Avatar de Adler
Colaborador
 
Fecha de Ingreso: diciembre-2006
Mensajes: 4.671
Antigüedad: 17 años, 3 meses
Puntos: 126
Respuesta: cambiar numeros sin parar

Hola

Prueba con esto

Código Javascript:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html>
  3. <head>
  4. <title></title>
  5. <script type="text/javascript">
  6. window.onload = function() {
  7. contador = 0;
  8. var f = function() {
  9.     document.getElementById('Menu'+contador).style.visibility = (document.getElementById('Menu'+contador).style.visibility === 'hidden') ? 'visible' : 'hidden';
  10. if(contador == 2) {contador = -1;}
  11.     document.getElementById('Menu'+parseInt(contador+1)).style.visibility = (document.getElementById('Menu'+parseInt(contador+1)).style.visibility === 'hidden') ? 'visible' : 'hidden';
  12. contador += 1;
  13. }
  14. setInterval(f, 5000);
  15. }
  16. </script>
  17. </head>
  18. <body>
  19. <div id="Menu0" style="visibility:visible;position:absolute;background:blue">Contenido 1</div>
  20. <div id="Menu1" style="visibility:hidden;position:absolute;background:red">Contenido 2</div>
  21. <div id="Menu2" style="visibility:hidden;position:absolute;background:yellow">Contenido 3</div>
  22. </body>
  23. </html>

Suerte
__________________
Los formularios se envían/validan con un botón Submit
<input type="submit" value="Enviar" style="background-color:#0B5795; font:bold 10px verdana; color:#FFF;" />

Etiquetas: numeros
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 10:32.