Discussion :

[Casper17]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[Doksuri]

partant du principe que les divs sont en display:none

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

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 javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

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);

[Casper17]

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