how to show the intro image only once

I have svg and img introduction before proceed to the main page. how I show this introduction only once? here is my code:

<div class="preload">
   <div class="intro">        
      <img src="svg/toreriha_text_animated.svg">
      <img class="bground" src="/img/background.png">
   </div>
</div>


<script type="text/javascript">
   setTimeout(function() {
   //After 9000 milliseconds, fade out the intro. The animation duration is 500 ms.
   $(".intro").fadeOut(500);
   }, 9000);
</script>