Ver Mensaje Individual
  #2 (permalink)  
Antiguo 08/03/2012, 09:25
Avatar de emprear
emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 16 años, 10 meses
Puntos: 1567
Respuesta: cambiar contenido cada cierto tiempo

Esto es Javascript más que html5
Hay muchas formas de hacer lo que queres, incluso cargar contenido desde un archivo externo.
Te muestro una función sencilla

Código HTML:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <title>Cambiar texto</title>
  5. <meta http-equiv="content-type" content="text/html; charset=utf-8" />
  6.  
  7. <style type="text/css">
  8. /*<![CDATA[*/
  9.  
  10. .rojo{
  11. color: red;
  12. }
  13.  
  14. /*]]>*/
  15. <script type="text/javascript">
  16. //<![CDATA[
  17. var Textos = new Array();
  18.  // Enter the names of the images below
  19.  Textos[0]="texto1";
  20.  Textos[1]="<h1>texto2<\/h1>";
  21.  Textos[2]="<p class='rojo'>texto3<\/p>";
  22.  
  23. var nuevoTexto = -1; // para empezar en el primer texto -1, con 0 comienza por mostrar el segundo
  24. var totalTextos = Textos.length;
  25.  
  26. function repetir() {
  27.  nuevoTexto++;
  28.  if (nuevoTexto == totalTextos) {
  29.    nuevoTexto = 0;
  30.  }
  31.  document.getElementById('texto').innerHTML=Textos[nuevoTexto];
  32. // cambiar 4 por el valor en segundos
  33.  setTimeout("repetir()", 4*1000);
  34. }
  35. window.onload=repetir;
  36. //]]>
  37. </head>
  38. <div id="texto"><!-- texto --></div>
  39. </body>
  40. </html>
Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.