Disculpen amigos lo que pasa es que tengo una pregunta con javascript tengo un pre-loader y quisiera saber como podría hacer para que ese pre-loader aparezca solo una vez, a lo que me refiero es que el usuario al momento de estar navegando por las pestañas no esté apareciendo el pre-loader cada vez que cambias de pestaña, que se cargue solo una vez al ser la primera vez que se abra la página soy nuevo en javascript y no sé de que manera solucionarlo aquí dejo el código
<div id="loader"></div>
<div id="content">
<h1>GIF Pre-Loader</h1>
</div>
<script type="text/javascript">
var loader;
function loadNow(opacity) {
if(opacity <= 0) {
displayContent();
}
else {
loader.style.opacity = opacity;
window.setTimeout(function() {
loadNow(opacity - 0.05)
}, 100);
}
}
function displayContent() {
loader.style.display = 'none';
document.getElementById('content').style.display = 'block';
}
document.addEventListener("DOMContentLoaded", function() {
loader = document.getElementById('loader');
loadNow(1);
});
</script>
Ayuda porfavor