我的图像在加载时会淡出，但是我只希望它发生一次

Question

< 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页面时看到一次。这可能吗？

Answer 1

发生这种情况的原因是，每次您的页面加载时，它将被视为新的加载。页面加载时，您没有保存任何数据或状态，因此，当您第二次尝试时，它不知道页面已加载。

您可以使用javascript尝试两件事。

1. 保存cookie，然后在加载图像之前检查cookie是否存在。
2. 将一些值保存到本地存储，然后在加载图像之前检查该值是否已设置。