Javascript CSS隐藏和可见属性一直在更改

我有以下网站：

window.onload=function（）{
var=false；
如果（！已执行）{
document.getElementById（“at”）.style.visibility=“可见”；
setInterval（函数（）{
document.getElementById（“t-ground”）.style.visibility=“可见”；
document.getElementById（“地面”）.style.opacity=“0.3”；
setInterval（函数（）{
document.getElementById（“右上”）.style.visibility=“可见”；
document.getElementById（“t-ground”）.style.visibility=“hidden”；
document.getElementById（“地面”）.style.opacity=“1.0”；
document.getElementById（“t-plant”）.style.visibility=“可见”；
document.getElementById（“hand”）.style.opacity=“0.3”；
setInterval（函数（）{
document.getElementById（“右机器人”）.style.visibility=“可见”；
document.getElementById（“hand”）.style.opacity=“1.0”；
document.getElementById（“t-plant”）.style.visibility=“hidden”；
document.getElementById（“ab”）.style.visibility=“可见”；
document.getElementById（“t-animal”）.style.visibility=“可见”；
document.getElementById（“动物”）.style.opacity=“0.3”；
setInterval（函数（）{
document.getElementById（“左机器人”）.style.visibility=“可见”；
document.getElementById（“动物”）.style.opacity=“1.0”；
document.getElementById（“t-animal”）.style.visibility=“hidden”；
document.getElementById（“t-human”）.style.visibility=“可见”；
document.getElementById（“human”）.style.opacity=“0.3”；
setInterval（函数（）{
document.getElementById（“左上”）.style.visibility=“可见”；
document.getElementById（“t-human”）.style.visibility=“hidden”；
document.getElementById（“human”）.style.opacity=“1.0”；
document.getElementById（“logo mid”）.style.display=“无”；
setInterval（函数（）{
document.getElementById（“关于文本”）.style.display=“inline”；
document.getElementById（“text div”）.style.overflowY=“scroll”；
document.getElementById（“at”）.style.visibility=“hidden”；
document.getElementById（“ab”）.style.visibility=“hidden”；
document.getElementById（“右上”）.style.visibility=“隐藏”；
document.getElementById（“右机器人”）.style.visibility=“隐藏”；
document.getElementById（“左机器人”）.style.visibility=“隐藏”；
document.getElementById（“左上”）.style.visibility=“隐藏”；
已执行=真；
}, 1725);
}, 2125);
}, 2125);
}, 2125);
}, 2125);
}, 2125);
}
}

html{
字体系列：“Verdana”，日内瓦，无衬线；
字体大小：14px；
}
身体{
填充顶部：10px；
保证金：自动；
背景色：#FFFFFF；
宽度：1100px；
}
人力资源{
边框顶部：1个点#747737；
}
.头衔{
文本对齐：居中；
垫底：20px；
}
.包装纸{
保证金：自动；
}
#文本分区{
高度：496px；
宽度：450px；
边框顶部：1px实心#747737；
边框底部：1px实心#747737；
方框阴影：插入0px 0px 20px 0px rgba（0,0,0,1）；
利润上限：-4px；
}
.关于文本{
左边距：25px；
右边距：25px；
宽度：350px；
身高：472px；
显示：无；
}
#标题逐渐消失{
可见性：隐藏；
高度：100px；
}
.图像文本{
排名：0；
右：0；
底部：0；
左：0；
宽度：300px；
高度：230像素；
利润上限：-230px；
文本对齐：居中；
垂直对齐：中间对齐；
线高：200px；
字体大小：20px；
可见性：隐藏；
}
.图像中的箭头{
排名：0；
右：0；
底部：0；
左：0；
宽度：150px；
高度：250px；
利润上限：-230px；
}
.左{
浮动：左；
}
.亲戚{
位置：相对位置；
}
.形象{
高度：250px；
宽度：300px；
过渡：1s轻松；
利润上限：-4px；
}
.向右向左箭头{
高度：500px；
宽度：150px；
利润上限：-4px；
可见性：隐藏；
过渡：1s轻松；
不透明度：0.9；
}
.箭头-上下包装{
宽度：1050px；
高度：150像素；
左边距：125px；
}
.箭头上下{
可见性：隐藏；
利润上限：-4px；
}
#左上角{
位置：绝对位置；
顶部：-4px；
左：125px；
z指数：3；
可见性：隐藏；
}
#左机器人{
位置：绝对位置；
顶部：246px；
左：125px；
z指数：3；
可见性：隐藏；
}
#右上方{
位置：绝对位置；
顶部：-4px；
左：25px；
z指数：3；
可见性：隐藏；
}
#右机器人{
位置：绝对位置；
顶部：246px；
左：25px；
z指数：3；
可见性：隐藏；
}

坐着
多洛
一些文本
洛勒姆
乱数假文

setInterval

将每x ms重复执行一次该功能。因此，您的所有功能都会在可见和隐藏之间重复触发

---

因为你想做一次，所以你需要使用

setTimeout

，它只会在x毫秒后触发一次。

因为你设置的间隔会反复触发可见和隐藏？而您的var“executed”是无用的，因为有很多setInterval嵌套更改了这些属性，但出于设计目的，我需要这些setInterval函数。这些元素只能在下列时间之后出现：-（Idk您想做什么，但您可能需要setTimeout，它在一定时间后执行函数。设置间隔将每x ms重复一次。@user5014677哇，谢谢，这已经是答案了，您想发布它以便我可以接受吗？