Ограничить время выполения прелоадера

<!-- preloader -->
<style type="text/css">#preloader>p{display:none;}#preloader_preload{display: block;position: fixed;z-index: 99998;top: 0;left: 0;width: 100%;height: 100%;min-width: 1000px;background-color: black; opacity: 0.8;}
i {
  color: #fff;
  font-size: 10vw;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 6px;
  display: inline-block;
  position: relative;
  background: url(/media/images/logo.png) top center no-repeat;
  font-family: 'Merriweather', serif;
  -webkit-mask-image: linear-gradient(-75deg, rgba(0,0,0,.6) 30%, #000 50%, rgba(0,0,0,.6) 70%);
  -webkit-mask-size: 150%;
  animation: shine 1s linear infinite;
}
 
@keyframes shine {
  from { -webkit-mask-position: 150%; }
  to { -webkit-mask-position: -50%; }
}
 
</style>
<div class="effect-shine"><div id="preloader"><div id="preloader_preload">
<i>
<img src="/media/images/logo.png"></i>
</div>
 
</div></div>
<script type="text/javascript">var preloader = document.getElementById("preloader_preload");function fadeOutnojquery(el){el.style.opacity = 1;var interpreloader = setInterval(function(){el.style.opacity = el.style.opacity - 0.05;if (el.style.opacity <=0.05){ clearInterval(interpreloader);preloader.style.display = "none";}},16);}window.onload = function(){setTimeout(function(){fadeOutnojquery(preloader);},10);};</script>
<!-- preloader -->