只运行一次js文件

Running js file only once

本文关键字:一次 js 文件 运行      更新时间:2023-09-26

我有一个关于fadein等的小介绍。但我只想运行一次。我不想每次用户返回主页时都运行介绍。有没有一种方法可以运行一次js文件?

一种解决方案是使用HTML5 sessionStorage来记录介绍何时播放。此内存将在会话中保持:

var played = sessionStorage.getItem("played");
if ( played !== "true" ) {
    // play intro
    // mark as played when finished
    sessionStorage.setItem("played", "true");
}

运行intro函数时,首先让它检查稍后设置的cookie。如果cookie存在,则函数应中止而不显示效果。如果cookie不存在,则显示效果并设置cookie。

当然,这个解决方案只有在每次安装web浏览器时才可靠(假设他们访问时启用了cookie)。因此,如果同一用户在另一个浏览器中访问该网站,他们很可能会再次看到效果。相反,如果新用户使用的浏览器已经访问过该网站,那么他们将看不到效果。

它并不完美,但可能"足够好"——它涵盖了主要用例,并且易于实现。