每隔一秒钟在javascript中显示和隐藏元素
我想每隔一秒钟隐藏并查看html中的一些元素。我用JavaScript编写了这段代码。hello()从主html调用onload。然后它启动计时器,并调用函数go!我想每一秒都会改变它显示的内容每隔一秒钟在javascript中显示和隐藏元素,javascript,html,svg,Javascript,Html,Svg,我想每隔一秒钟隐藏并查看html中的一些元素。我用JavaScript编写了这段代码。hello()从主html调用onload。然后它启动计时器,并调用函数go!我想每一秒都会改变它显示的内容 function hello() { myTimer(); } var indexx = 0; function myTimer(){ var myVar1=setInterval(function(){go1()},1000); } function go1() { if(indexx==0
function hello() {
myTimer();
}
var indexx = 0;
function myTimer(){
var myVar1=setInterval(function(){go1()},1000);
}
function go1()
{
if(indexx==0)
{
var results = document.getElementById("water_2_5");
results.setAttributeNS(null,"visibility","hidden");
var results = document.getElementById("water_2_1");
results.setAttributeNS(null,"visibility","visible");
indexx+=1;
} else
if(indexx==1)
{
results = document.getElementById("water_2_1");
results.setAttributeNS(null,"visibility","hidden");
//
var results = document.getElementById("water_2_7");
results.setAttributeNS(null,"visibility","visible");
indexx+=1;
}
if(indexx==2)
{
results = document.getElementById("water_2_7");
results.setAttributeNS(null,"visibility","hidden");
//
var results = document.getElementById("water_2_6");
results.setAttributeNS(null,"visibility","visible");
indexx+=1;
}
if(indexx==3)
{
results = document.getElementById("water_2_6");
results.setAttributeNS(null,"visibility","hidden");
//
var results = document.getElementById("water_2_5");
results.setAttributeNS(null,"visibility","visible");
indexx=0;
}
}
但它只向我展示了第一部分和最后一部分?
有人能帮我怎么做到吗
答案是:
function hello() {
myTimer();
}
var indexx = 0;
function myTimer(){
var myVar1=setInterval(function(){go1()},1000);
}
function go1()
{
if(indexx==0)
{
var results = document.getElementById("water_2_5");
results.setAttributeNS(null,"visibility","hidden");
var results = document.getElementById("water_2_1");
results.setAttributeNS(null,"visibility","visible");
indexx+=1;
} else
if(indexx==1)
{
results = document.getElementById("water_2_1");
results.setAttributeNS(null,"visibility","hidden");
//
var results = document.getElementById("water_2_7");
results.setAttributeNS(null,"visibility","visible");
indexx+=1;
} else
if(indexx==2)
{
results = document.getElementById("water_2_7");
results.setAttributeNS(null,"visibility","hidden");
//
var results = document.getElementById("water_2_6");
results.setAttributeNS(null,"visibility","visible");
indexx+=1;
}else
{
results = document.getElementById("water_2_6");
results.setAttributeNS(null,"visibility","hidden");
//
var results = document.getElementById("water_2_5");
results.setAttributeNS(null,"visibility","visible");
indexx=0;
}
}
将所有
if
语句(在第一个语句之后)设置为else if
,将它们分组。这样,块内的增量(indexx+=1;
)不会导致下一个if
为真。您需要使用else if
语句,而不仅仅是if
哦,现在我注意到了!!!全天编程!我想我看到了一个else if
,但另一个if
语句需要它,所以它们被组合在一起,只有一个可以满足Hanks guys。那就是虫子!!