Hola chico@s estoy buscando la forma de generar una hoja de contenido (trozos de letras canciones) aleatorio que se refresca cada x segundos.
Hasta ahora he conseguido que el sistema me visualice el contenido aleatorio (genial) cada vez que actualizo la página y tambien que se refresque automaticamente.
El tema es que estoy viendo que consume demasiados recursos y que me parece excesivo recargar todos los bloques de codigo cuando solo necesito las canciones.
Para refrescar estoy utilizando un codigo de javascript que me he encontrado por la red aunque es muy loco porque no consigo generar un boton que lo desactive y se hace algo pesado. He visto que con ajax se puede hacer mucho mas eficiente.
No controlo mucho de programación y para este proyecto estoy utilizando un gestor de contenido.
Os pego aquí el código por si resulta ayudar.
function reFresh()
{
window.open(location.reload(true))
}
var repeticion = window.setInterval("reFresh()",30000);
<div class="uk-grid-collapse uk-child-width-expand@m uk-margin" uk-grid uk-scrollspy="cls: uk-animation-fade; target: > div > delay: 500; repeat: true">
<div class="uk-flex uk-flex-middle uk-flex-center">
<div class="uk-card-body uk-width-expand uk-text-center uk-light">
<!-- Contenido letras -->
<?php if ($this->checkPosition('copla')) : ?>
<div class="magia"><?php echo $this->renderPosition('copla'); ?></div><?php endif; ?>
</div>
</div>
</div>
<div class="uk-position-small uk-position-bottom-right uk-overlay uk-overlay-default">
<a id="actualizar" href="javascript:location.reload()" onclick="UIkit.notification({message: 'Volai-vai OUTRA!...', pos: 'top-center'})"><span uk-icon="icon: refresh; ratio: 1.5" uk-tooltip="Refrescar cantiga"></span></a>
</div>
<div><form class="toogle-dn" action="" onclick="window.clearInterval(repeticion);"><input class="toogle-dni" type="checkbox" id="toogle" /><label class="toogle-dni" for="toogle"></label></form></div>