我的图片在加载时会淡出,但我只希望它发生一次

< script >
  setTimeout(() => {
    document.getElementById('me').classList.add('fade');
  }, 1700); <
/script>
<div class="menu-wrap">
  <input type="checkbox" class="toggler">
  <div class="hamburger">
    <div></div>
  </div>
  <div class="menu">
    <div>
      <div>
        <ul>
          <li><a href="now.html">What I'm Doing Now</a></li>
          <li><a href="lessons.html">Lessons I've Learned</a></li>
          <li><a href="xoxo.html">Programming</a></li>
          <li><a href="dating.html">Dating/Relationships</a></li>
          <li><a href="therapy.html">Therapy</a></li>
        </ul>
      </div>
    </div>
  </div>
</div>

页面首次加载时,背景图像会淡出。但是,当访问者单击链接并转到另一个页面并返回index.html时,我不希望该图像再次可见。我只希望访问者在首次访问index.html页面时看到一次。这可能吗?