如果来自内部 link，则停止执行动画

Question

我正在使用 anime.js 在我的主页上提供动画。但是，我只希望当用户来自外部来源（而不是来自内部 link，例如我网站的联系页面）时出现此动画。

我发现了这个方法：

window.onload = function () {
    if (!('hasCodeRunBefore' in localStorage)) {
    // code to run
    localStorage.set.single('has_code_run_before', true);
    }
}

但是，我觉得这只会运行该用户的一次动画（只要信息保持缓存）。

有没有办法让每次用户从外部来源访问我的主页 (romanrogers.co) 时播放动画。

谢谢

Answer 1

在 SLaks 的帮助下，我使用 document.referrer 和 includes 方法解决了这个问题：

if(!(referrer.includes("websiteName"))){

  // execute animation
  
  }
else {

  // do not execute, make necessary style changes
  
  }

document.referrer returns 包含加载当前文档的文档的 URL 的字符串。因此，如果我们使 includes 方法的搜索值等于 websiteName，我们就可以控制从我们站点内部的文档中执行的内容。

如果来自内部 link，则停止执行动画

Stop animation from executing if coming from an internal link

javascript

anime.js