如何只在主页上运行一次脚本?

时间:2018-05-28 00:15:20

标签: javascript jquery

我不认为这是一个非常基本的问题,但我需要一些帮助,或者如果你可以引导我找到资源,我会很感激。我有一个脚本,我想只在第一次来访时才能运行。

<script>

(文档)$。就绪(函数(){

    $(".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,第一次访问者点击按钮并进入网站。当访问者返回主页时,它会转到else块,并隐藏我想要的内容。

$(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();
    }

});

2 个答案:

答案 0 :(得分:1)

我认为这应该有用

ggmap(location) +
geom_density_2d(aes(long, lat), df) +
geom_point(aes(long, lat,**fill = special**),alpha = 0.5,data = df) 

可以在某些事件后执行,例如if(!localStorage.getItem("firstTime")){ //code executed first time localStorage.setItem("firstTime","true"); }else{ //code executed 2th 3th etc. } click。请记住,您可以使用localStorage存储您想要的任何内容。

答案 1 :(得分:0)

根据您的具体要求,有多种方法可以实现这一目标。

如果你想在每个会话中处理一次,那么你可以拥有一个会话变量来处理它。

如果您想为每个用户代理处理一次,那么您可以使用本地存储或cookie来处理它。

请参阅this了解详情。