javascript - 仅在页面加载时动画

Question

我有一个主页，其中有一个在屏幕上滑动的动画标题。我希望它只在他们第一次加载页面时执行此操作。但是，每次您返回主页时，它都会再次执行。有没有办法让动画只播放一次，然后即使他们回到主屏幕也会关闭？

编辑:我向具有动画的元素添加了一个display:none。然后我添加了这个 javascript 但什么也没发生。

// function viewWebsite {
if (sessionStorage.viewWebsite) {
  sessionStorage.viewWebsite = Number(sessionStorage.viewWebsite) + 1;
} 
else {
  sessionStorage.viewWebsite = 1;
}
if (sessionStorage.viewWebsite < 2) {
  title.style.removeProperty('display');
}

Answer 1

第一次访问时，显示动画，并在服务器端 session 变量中存储一个值:

<?php $_SESSION['seenSlideshow'] = true; ?>

然后测试您的 session 变量以确定它是否是页面的“第一 View ”。

您的幻灯片很可能是基于 JavaScript 的，因此您可能需要将 PHP 变量输出到 JS:

<script type="text/javascript">
var seenSlideshow = <?php echo $_SESSION['seenSlideshow'];?>;
</script>

然后使用该变量实例化带或不带动画的幻灯片。