Intégrer un Timing dans mon code

Bonjour,

j'ai plusieurs div que je fait apparaître aléatoirement au rechargement de la page. Je voudrais intégrer un timing à cette fonction.
Du genre j'affiche la div choisie aléatoirement mais au bout de 5 sec je l'a fait disparaître et, au bout de 30 je relance la fonction d'une div choisie aléatoire pendant 5 second etc ...

Voici mon code actuellement :

Code:

---

1 2 3 4 5 6 7 8 9 10

window.onload=function(){ var E=document.getElementsByClassName("element-variable"); var m=E.length; var n=parseInt(Math.random()*m); for(var i=m-1; i>=0;i--){var e=E[i]; e.style.display='none'; }E[n].style.display=''; }

---

merci à tous

partant du principe que les divs sont en display:none

Code:

---

1 2 3 4

<div class="displayRandom">div 1</div> <div class="displayRandom">div 2</div> <div class="displayRandom">div 3</div> <div class="displayRandom">div 4</div>

---

Code:

---

1 2 3 4 5 6 7 8 9 10

function displayRandom() { let divs = document.getElementsByClassName('displayRandom'); let rand = Math.floor(Math.random() * Math.floor(divs.length-1)); divs[rand].style.display='block'; setTimeout(function() { divs[rand].style.display='none'; },5E3); } displayRandom(); setInterval(displayRandom, 3E4);

---

je voulais appliquer ça à des modules de divi et wordpress mais ça ne fonctionne pas bien