仅运行一次js文件

Question

我有一个关于fadein等的小介绍..但我只想这样跑一次。每次用户返回主页时我都不想运行介绍。有没有办法运行一次js文件？

Answer 1

一种解决方案是使用HTML5 sessionStorage来记录介绍何时播放。该记忆将在会话中持续存在：

var played = sessionStorage.getItem("played");

if ( played !== "true" ) {

    // play intro

    // mark as played when finished
    sessionStorage.setItem("played", "true");
}

Answer 2

当您的介绍功能运行时，首先要检查您稍后将设置的cookie。如果cookie存在，则该函数应该中止而不显示效果。如果cookie不存在，则显示效果并设置cookie。

当然，此解决方案仅在每次Web浏览器安装时可靠（假设访问时启用了Cookie）。因此，如果同一用户在另一个浏览器中访问该网站，他们可能会再次看到该效果。相反，如果新用户使用已访问该网站的浏览器，则他们将看不到该效果。

它并不完美，但可能“足够好” - 它涵盖了主要的用例，并且易于实现。