implementar loop que muestra contenidos

[cesand209]

Hola gente si me pueden dar una mano con esta funcionalidad les agradeceria.

quiero mostrar contenido en pantalla por un determinado tiempo(cada contenido tendrá un tiempo asignado por el cual debe permanecer visible) Una vez transcurrido el tiempo desaparece el contenido y se muestra otro y asi hasta que se muestren todos los contenidos y se reinicie el loop.

Cada contenido se mostrara en full screen por el tiempo que tiene asignado.

Código HTML:

<div class="contenido foto" id="2000" style="z-index: 2">foto</div>
 
<div class="contenido video" id="10000" style="z-index: 1">video</div>
 
<div class="contenido texto" id="20000" style="z-index: 0">texto</div>
 

El ID seria el tiempo que debe permanecer en pantalla. En este ejemplo se muestran 3 div de contenidos pero podría ser cualquier cantidad

Necesito implementar la funcion Js para que todas las div con clases caja se muestren el tiempo correspondiente y luego se reinicie el proceso indefinidamente.

algun consejo para implementarlo? desde ya muchas gracias!!

[mpozo]

Tu mismo te has respondido. Este efecto se realiza con javascript.

Aparte de ello, las ids han de empezar por un carácter alfabético, incluyendo ($ y alguno más). Crea un pseudo atributo (data-*) para indicar el tiempo que ha de estar visible cada bloque

[cesand209]

Perfecto mpozo muchas gracias por tu respuesta. pero justamente pido una mano con esa funcion js estoy luchando con ella.

Realice algo como esto pero no me resulta:

Código HTML:

<div class="contenido foto" data-orden=1 data-tiempo="2000" style="z-index: 2">foto</div>
 
          <div class="contenido video" data-orden=2 data-tiempo="10000" style="z-index: 1">video</div>
 
          <div class="contenido texto" data-orden=3 data-tiempo="20000" style="z-index: 0">texto</div>
 

Código Javascript:

$("div.contenido").each(function(){
      
      var segundos = $(this).data('tiempo')
      $(this).delay(segundos).hide()
   
    })
 

desde ya muchas gracias.. estoy viendo tambien si seria mejor recorrer con un each o con un loop for... ya que necesito se reinicio todo indefinidamente