如何在主页上只运行一次脚本？
如何在主页上只运行一次脚本？
提问于 2018-05-28 08:15:20
我不认为这是一个非常基本的问题，但我需要一些帮助，或者如果你能指导我找到一个资源，我将不胜感激。我有一个脚本，我想运行时，只有当访问者第一次来。
<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();
});})；
我该怎么做呢？访问者进入我的网站，所有的东西都被隐藏了，然后他们按下一个按钮，它就会以一种很酷的方式显示一切。我不想再次运行此脚本后，访问者从网站上的一些其他页面返回到主页。对如何做到这一点有什么想法吗？我在jquery中使用javascript。
提前谢谢。
更新:感谢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
Stack Overflow用户
回答已采纳
发布于 2018-05-28 08:28:25
我想这应该行得通
if(!localStorage.getItem("firstTime")){
//code executed first time
localStorage.setItem("firstTime","true");
}else{
//code executed 2th 3th etc.
}它可以在某个事件之后执行，如click或onload。请记住，您可以使用localStorage存储您想要的任何内容。
Stack Overflow用户
发布于 2018-05-28 08:37:26
有多种方法可以实现这一点，具体取决于您的确切需求。
如果你想在每个会话中处理一次，那么你可以有一个会话变量来处理它。
如果您想为每个用户代理处理一次，那么可以使用本地存储或cookie来处理它。
有关更多信息，请参阅this。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/50557656
复制相关文章
相似问题