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

问题描述 投票:0回答:1

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

javascript html
1个回答
0
投票

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

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

  1. 保存cookie,然后在加载图像之前检查cookie是否存在。
  2. 将一些值保存到本地存储,然后在加载图像之前检查该值是否已设置。
热门问题
推荐问题
最新问题