javascript - 如何在主页上只运行一次脚本？

Question

我认为这不是一个非常基本的问题，但我需要一些帮助，或者如果您可以指导我找到资源，我将不胜感激。我有一个脚本，我只想在访客第一次来时运行。

<script>

$(文档).ready(函数(){

    $(".posts").hide();
    $("#header").hide();
    $("#body").hide();
    $("#footer").hide();
    $("#intro").click(function(){
    $(".posts").show(3000);
    $("#header").show(3000);
    $("#body").fadeIn(3000);
    $("#footer").show(3000);
    $("#intro").hide();
    $("p").hide();
});

});

我该如何解决这个问题？访问者进入我的网站，所有内容都被隐藏，然后他们按下按钮，它就会以一种很酷的方式显示所有内容。我不想在访问者从网站上的其他页面返回主页后再次运行此脚本。关于如何做到这一点有什么想法吗？我正在使用 javascript 和 jquery。

提前致谢。

更新:谢谢 Emeeus 和 Chiran K. 帮助我。这是代码并且运行良好。对于第一次访问者，我们输入 if-block，第一次访问者单击按钮并进入站点。当访问者返回主页时，它会转到其他 block ，并隐藏我想要的内容。

$(document).ready(function(){
    if(!localStorage.getItem("firstTime")){ 
        $(".posts").hide();
        $("#header").hide();
        $("#body").hide();
        $("#footer").hide();
        $("#start").click(function(){$(".posts").show(3000); $("#header").show(3000); $("#body").fadeIn(3000); $("#footer").show(3000);$("#start").hide(); $("p").hide(); });
        localStorage.setItem("firstTime","true");
    } else {
        $("#start").hide();
        $("p").hide();
    }

});

Answer 1

我认为这应该有效

if(!localStorage.getItem("firstTime")){
    //code executed first time
    localStorage.setItem("firstTime","true");
}else{
    //code executed 2th 3th etc.
}

这可以在某些事件之后执行，例如click或onload。请记住，您可以使用 localStorage 存储任何您想要的内容。