El problema es que el numero que cambia cada 5 segundos, se tarda 5 segundos en encontrar un valor,y la pagina lo marca como indefinido.
Es posible que esten obteniendo un numero que no esta dentro de lo indices del array
Una vez que encuentra un valor tendria que cargar la pagina otra vez y empezaria a querer volver a hallar un valor despues de 5 segundos.
Con javascript no se requiere normalmente volver a cargar la pagina, ya que puede solitiar informacion que cambia sin recargar todo
¿Saben como puede hallar un valor enseguida, y que ademas lo cambie cada 5 segundos?
Con el setInterval que usas esta bien el planteamiento, es quien se encargaria de mostrar un el texto en la pagina cada 5 segundos
El numero que necesitas si es random, en tu codigo esta bien excepto por usar un numero constante como 1000, es mejor usar genesis.length
para mantener el numero dentro de los posibles valores del array
Si por el contrario el numero viene de otra pagina u otro recurso puede usar la funcion fetch que te permite carga recursos con javascript y ya tu escoges que hacer con ellos, sea cargar la imagen poner el texto en algun parte de la pagina, etc
Te dejo un par de ejemplos, siente libre de preguntar en los comentarios de la respuesta, y de editar tu pregunta si ves que te falto un detalle por aclarar
var genesis = new Array("En el principio creó Dios los cielos y la tierra." , "Genesis 1:2 Y la tierra estaba desordenada y vacía, y las tinieblas estaban sobre la faz del abismo, y el Espíritu de Dios se movía sobre la faz de las aguas.", "Genesis 1:3 Y dijo Dios: Sea la luz; y fue la luz.")
function generateRandom() {
/* usamos el tamaño del array (genesis.length) para que nunca devuelva un indice que no tenga un valor, y que al acceder al array no devuelva 'undefined' */
let num = Math.floor(Math.random()*genesis.length);
return num;
}
function showRandom(){
let num = generateRandom();
document.write('<br />'+genesis[num]);
}
setInterval(showRandom, 5000);
Si estás intentando cargar todo el array de datos cada vez que buscas un texto aleatorio tiene sentido que se demoré dependiendo de que tanta informacion entregue
Un ejemplo, si estuvieses cargando la informacion desde una url como https://jsonplaceholder.typicode.com/posts que te entrega toda la informacion pero es poca asi que no toma tanto tiempo:
function getRandom(){
let url = 'https://jsonplaceholder.typicode.com/posts';
fetch(url, { mode: 'cors', cache: 'no-cache', headers: { Accept: 'application/json'}})
.then((resp) => resp.json())
.then((data)=> {
let num = Math.floor(Math.random()*data.length);
showRandom(data[num]);
}).catch((err)=> {
console.error(err)
})
}
function showRandom(texto){
document.write('<br/>'+texto.body);
}
setInterval(getRandom, 5000)