Ver Mensaje Individual
  #6 (permalink)  
Antiguo 04/11/2018, 21:02
alvaro_trewhela
Invitado
 
Mensajes: n/a
Puntos:
Respuesta: Doble loop ( triple según se mire) con promises y await, para asincronía

Código HTML:
Ver original
  1.     <head>
  2.         <script type="text/javascript">
  3.         function letter(el){
  4.         var data = el.getAttribute("values").split(",");
  5.             if(el.getAttribute("status") == "-1"){ el.setAttribute("status", "0"); el.innerHTML = data[0] ;  }
  6.  
  7.             if(el.innerHTML == ""){ //if innerHTML is empty renew...
  8.             var status = parseInt(el.getAttribute("status"))+1;
  9.                 if(status >= data.length){ status = 0; }
  10.             el.setAttribute("status",status);
  11.             el.innerHTML = data[status];
  12.             }
  13.             else{
  14.             var newCont = el.innerHTML.substring(0,el.innerHTML.length-1);
  15.             el.innerHTML = newCont;
  16.             }
  17.         }
  18.          
  19.         setInterval(function(){ letter(document.getElementById("foo")) },200);
  20.         </script>
  21.     </head>
  22.     <body>
  23.         <p values="casa,edificio,jardin" status="-1" id="foo"></p>
  24.     </body>
  25. </html>

No lo probé pero se entiende la idea...

Última edición por alvaro_trewhela; 04/11/2018 a las 21:24