每隔一秒钟在javascript中显示和隐藏元素

每隔一秒钟在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

我想每隔一秒钟隐藏并查看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)
    {
        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。那就是虫子!!