Duplicar javascripts - TEXTO MUDÁVEL OU ALEATÓRIO

matiaskpo · 20/03/2016

Estoy intentando poner el mismo js en mi pagina de inicio.

para explicarme mejor, tengo 4 columnas y quiero colocar en cada una de las columnas este js, de texto cambiante, pero solo me funciona si lo utilizo en solo una columna, me gustaria saber como puedo duplicar el js para que me funcione en las otras columnas o algun otro js que haga lo mismo.

es este:

Inserir CODE, HTML ou PHP:

<script type="text/javascript"> var indice = 0; frases = new Array(); frases[0] = "PRUEBA DE SLIDER QUE CAMBIA"; frases[1] = "Cambia mucho..."; frases[2] = "Soy un crack del javascript"; frases[3] = "FUNCIONA OUH YEAH"; indice = Math.random()*(frases.length); indice = Math.floor(indice); function rotar() { if (indice == frases.length) {indice = 0;} document.getElementById("rotando").innerHTML = frases[indice]; indice++; setTimeout("rotar();",5000); } </script> <div id="rotando" style="height:60px;margin:0px auto;"></div> <script type="text/javascript">rotar();</script>

ridemant · 21/03/2016

Yo no lo haría así. Sin embargo, siguiendo tu ejemplo, probablemente es ésto que querías.

HTML:

<script type="text/javascript">
  var indice = 0, frases = new Array(); 
 frases[0] = "PRUEBA DE SLIDER QUE CAMBIA"; 
 frases[1] = "Cambia mucho..."; 
 frases[2] = "Soy un crack del javascript"; 
 frases[3] = "FUNCIONA OUH YEAH"; 
 
 indice = Math.random()*(frases.length); 
 indice = Math.floor(indice); 
 
 function rotar(v) {
 if (indice >= frases.length ) indice = Math.floor(Math.random()*(frases.length)); 
 document.getElementById(v).innerHTML = frases[indice]; 
 indice++;
 setTimeout(function(){console.log(indice); rotar(v);},1000); 
 } 
 
 
 </script> 
 
 <div id="columna1" style="height:60px;margin:0px auto;"></div> 
 <script type="text/javascript">rotar('columna1');</script>
 
 <div id="columna2" style="height:60px;margin:0px auto;"></div> 
 <script type="text/javascript">rotar('columna2');</script>  
 
 <div id="columna3" style="height:60px;margin:0px auto;"></div> 
 <script type="text/javascript">rotar('columna3');</script>
  
 <div id="columna4" style="height:60px;margin:0px auto;"></div> 
 <script type="text/javascript">rotar('columna4');</script>

Duplicar javascripts - TEXTO MUDÁVEL OU ALEATÓRIO

matiaskpo

ridemant