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:
Ver original<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!!