用javascript循环我的按钮点击

Loop my button clicks in javascript

本文关键字：按钮 我的 javascript 循环      更新时间：2023-09-26

这是我网页上的4个按钮。下面是代码：

<div id ="topbar" width="80%; height:20px;" style="text-align:center">
    <input type="button" value="Click first" onclick="button.toggle();"></input>
    <input type="button" value="Click second" onclick="button2.toggle();"></input>
    <input type="button" value="Click third" onclick="button3.toggle();"></input>
    <input type="button" value="Click fourth" onclick="button4.toggle();"></input>
</div>

当前加载页面时，所有页面都处于"打开"状态（切换为"打开"或"关闭"）如何将它们全部关闭，然后像这样循环：

1开-关
2开-关
3开-关
4开-关
1开-关……它一直在循环。

我尝试过这种方法
这个怎么了

setInterval ( "loop()", 2000 );
function loop ( )
{
setTimeout ( "SetLayer1()", 1000 );
}
function SetLayer1()
{
button.toggle(); //all off since all of them are on from start
button2.toggle();
button3.toggle();
button4.toggle();
}
function SetLayer2()
button.toggle(); // button 1 on rest off
//button2.toggle();
//button3.toggle();
//button4.toggle();
}
function SetLayer3()
{
button.toggle(); // button 1 off
button2.toggle(); //button 2 on
//button3.toggle();
//button4.toggle();
}
function SetLayer4()
{
//button.toggle();
button2.toggle();// button 2 off
button3.toggle();// button 3 on
//button4.toggle();
}

这是基本的，Watson。递归。一个示例实现可以是这样的：

制作一个包含所有按钮的变量和另一个名为index（或类似的东西）的变量。然后，制作一个函数。

在这个函数中，你要做一个检查。如果存在buttons[index]（索引不大于或小于所有按钮数组的长度），则创建index=0。然后，切换buttons[index]并递增index。

然后调用setTimeout——第一个参数是函数的名称，第二个参数是在启动它之前要等待的时间

一旦在函数之外，以相同的方式调用setTimeout。

示例：http://jsfiddle.net/bVNx2/

看看这种方法，我认为它可能会满足您的需求：

http://trendmedia.com/news/infinite-rotating-images-using-jquery-javascript/

相关文章：