Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/82.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在列表中的按钮上按间隔进行触发器单击_Javascript_Jquery_Triggers_Intervals - Fatal编程技术网

Javascript 如何在列表中的按钮上按间隔进行触发器单击

Javascript 如何在列表中的按钮上按间隔进行触发器单击,javascript,jquery,triggers,intervals,Javascript,Jquery,Triggers,Intervals,我有一个按钮列表。我想在每个按钮上按顺序一个接一个地触发一个间隔,如果它达到最后一个间隔,它会再次启动 设置间隔函数{ $‘按钮’。触发‘点击’; }, 5000; 要实现这一点,您只需要一个变量来跟踪应该单击哪个按钮,然后使用eq按索引选择按钮: 设索引=0,$buttons=$'button'; 设置间隔函数{ $buttons.eqindex%$buttons.length.trigger'click'; 索引++; }, 1000; //要测试: $“按钮”。单击“按钮”,功能I{

我有一个按钮列表。我想在每个按钮上按顺序一个接一个地触发一个间隔,如果它达到最后一个间隔,它会再次启动

设置间隔函数{ $‘按钮’。触发‘点击’; }, 5000;
要实现这一点,您只需要一个变量来跟踪应该单击哪个按钮,然后使用eq按索引选择按钮:

设索引=0,$buttons=$'button'; 设置间隔函数{ $buttons.eqindex%$buttons.length.trigger'click'; 索引++; }, 1000; //要测试: $“按钮”。单击“按钮”,功能I{ console.log `按钮${this.id}被点击`; };
要实现这一点,您只需要一个变量来跟踪应该单击哪个按钮,然后使用eq按索引选择按钮:

设索引=0,$buttons=$'button'; 设置间隔函数{ $buttons.eqindex%$buttons.length.trigger'click'; 索引++; }, 1000; //要测试: $“按钮”。单击“按钮”,功能I{ console.log `按钮${this.id}被点击`; };
有很多方法可以做到这一点。只需使用一个setInterval(设置间隔)连续循环,例如香草:

let buttons=document.getElementsByTagName'button'; 设指数=0; setInterval=>{ index=index%buttons.length;//如果超过最大值,则设置为0 按钮[索引]。单击; //做点什么。。。 按钮[index].innerText=按钮[index].innerText!=“单击”?“单击”:“单击我”; //…做点什么 索引++; },1000 点击我 点击我 点击我
单击“我”。只需使用一个setInterval(设置间隔)连续循环,例如香草:

let buttons=document.getElementsByTagName'button'; 设指数=0; setInterval=>{ index=index%buttons.length;//如果超过最大值,则设置为0 按钮[索引]。单击; //做点什么。。。 按钮[index].innerText=按钮[index].innerText!=“单击”?“单击”:“单击我”; //…做点什么 索引++; },1000 点击我 点击我 点击我
点击我的作品完美!谢谢我只是需要它来启动woocommerce单一产品页面中的动态库,现在它的工作正是我想要的。如果用户在第3个按钮的间隔已经开始时单击,下一个触发器可能会在第4个按钮而不是第1个按钮上吗?是的,您可以获得单击按钮的索引,然后添加一个,并将其设置为indexWorks perfect的值!谢谢我只是需要它在woocommerce单一产品页面中启动一个动态库,现在它的工作正是我想要的。如果用户在第3个按钮上单击间隔,下一个触发器将在第4个按钮而不是第1个按钮上,是否可以使其工作?是的,您可以获取单击按钮的索引,然后将其添加到其中,并将其设置为索引值