Остановить анимацию, если она идет по внутренней ссылке

Question

Я использую anime.js для размещения анимации на моей домашней странице. Однако я хочу, чтобы эта анимация появлялась только тогда, когда пользователь приходит из внешнего источника (а не из внутренней ссылки, такой как страница контактов моего веб-сайта).

Я обнаружил этот метод:

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 и метода include:

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

  // execute animation
  
  }
else {

  // do not execute, make necessary style changes
  
  }

document.referrer возвращает строку с URL-адресом документа, который загрузил текущий документ. Поэтому, если мы сделаем значение поиска включаемого метода равным websiteName, мы сможем манипулировать тем, что выполняется при переходе из внутреннего документа на наш сайт.