10Mar
Mostrar un link aleatorio en cada visita con Javascript
Francisco Oliveros / Publicado hace 11 años / 2 ComentariosMostrar un link aleatorio en cada visita puede servir para darle más dinamismo a una lista de enlaces a otras web. Veamos como hacer esto.
- Mediante el siguiente script hacemos un arreglo con la lista de páginas que queremos salgan aleatorias con sus respectivas direcciones. Lo colocamos entre las etiquetas <head> y </head> o en un archivo .js con la función
- Ahora sólo hacemos el llamado a esta función desde el lugar donde queremos aparesca el enlace aleatorio
<script type="text/javascript">
//Arreglo con el nombre de nuestra lista de páginas
Nombre_pagina = new Array();
Nombre_pagina[0] = 'Google';
Nombre_pagina[1] = 'Yahoo!';
Nombre_pagina[2] = 'Visite México';
Nombre_pagina[3] = 'Radiohead México';
//Arreglo que corresponde a cada nombre de la página con su dirección
Direccion_pagina = new Array();
Direccion_pagina [0] = 'http://www.google.com.mx';
Direccion_pagina [1] = 'http://www.yahoo.com.mx';
Direccion_pagina [2] = 'http://www.visitemexico.com';
Direccion_pagina [3] = 'http://radiohead-mexico.info';
//Aleatorizamos con el numero de enlances que tenemos
X = Math.round(Math.random()*3);
</script>
<script type="text/javascript">
document.write('<a href="' + Direccion_pagina[X] + '>' + Nombre_pagina[X] + '</a>')
</script>
Puedes poner la cantidad de páginas que desees pero tienes que indicar el número total de ellas (contando desde 0).
Me gustaría saber si puede modificarse este código para que el link cambie cada cierto tiempo, digamos cada día, y no cada vez que se actualiza la página.
Gracias y hasta luego.
no me funciono en blogger, nisiquiera haciendo parse