Duplicar javascripts - TEXTO CAMBIANTE O ALEATORIO

matiaskpo · 20 Mar 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:

Insertar CODE, HTML o 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 Mar 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 CAMBIANTE O ALEATORIO

matiaskpo

ridemant

Privacidad y transparencia

Privacidad y transparencia