Javascript jQuery:Stop和start";“设置间隔”;
我有一个幻灯片在我的网站上,但有一个问题,在Javascript jQuery:Stop和start";“设置间隔”;,javascript,jquery,html,setinterval,clearinterval,Javascript,Jquery,Html,Setinterval,Clearinterval,我有一个幻灯片在我的网站上,但有一个问题,在 这里,我的JS: var size_ini = 1; $(document).ready(function() { setInterval('$("#next").click()',10000) $("#next").click(function() { if(size_ini < 3); size_ini++; else size_ini = 1
这里,我的JS:
var size_ini = 1;
$(document).ready(function() {
setInterval('$("#next").click()',10000)
$("#next").click(function() {
if(size_ini < 3);
size_ini++;
else
size_ini = 1
$(".sample").hide();
$("#id" + size_ini).show();
$(".comment" + size_ini).show();
$(".comment_description" + size_ini).show();
});
$("#prev").click(function() {
if(size_ini > 1)
size_ini--;
else
size_ini = 3;
$(".sample").hide();
$("#id" + size_ini).show();
$(".comment" + size_ini).show();
$(".comment_description" + size_ini).show();
});
});
var size\u ini=1;
$(文档).ready(函数(){
setInterval(“$”(“#下一步”)。单击(),10000)
$(“#下一步”)。单击(函数(){
如果(尺寸小于3);
大小_ini++;
其他的
大小_ini=1
$(“.sample”).hide();
$(“#id”+大小#ini).show();
$(“.comment”+size_ini).show();
$(“.comment\u description”+size\u ini).show();
});
$(“#prev”)。单击(函数(){
如果(大小ini>1)
大小_ini--;
其他的
尺寸=3;
$(“.sample”).hide();
$(“#id”+大小#ini).show();
$(“.comment”+size_ini).show();
$(“.comment\u description”+size\u ini).show();
});
});
如你所见,我有一个10秒的计时器。幻灯片。我有上一个和下一个按钮。因此,当我点击其中一个按钮时,计时器应该停止并再次启动。我尝试过“clearInterval”,但它不起作用。谁能告诉我这是怎么回事 这是。
var size\u ini=1;
$(文档).ready(函数(){
var timer=setInterval(“$(“#next”)。单击()”,10000);//将计时器分配给变量
$(“#下一步”)。单击(函数(){
如果(size_ini<3)size_ini++;
else size_ini=1
$(“.sample”).hide();
$(“#id”+大小#ini).show();
清除间隔(计时器);//清除间隔
timer=setInterval('$(“#下一步”)。单击()',10000);//再次启动它
});
$(“#prev”)。单击(函数(){
如果(size_ini>1)size_ini--;
其他尺寸_ini=3;
$(“.sample”).hide();
$(“#id”+大小#ini).show();
清除间隔(计时器);//清除间隔
timer=setInterval('$(“#下一步”)。单击()',10000);//再次启动它
});
});
如果要清除将其分配给变量所需的时间间隔,则可以轻松清除-
var myInterval = setInterval('$("#next").click()',10000);
然后像这样清楚-
clearInterval(myInterval);
清除间隔后,如果希望继续,请确保重置间隔并再次将其分配给变量。Start
<button id="start">Start</button>
<button id="stop">Stop</button>
var timer;
$("#start").click(function() {
timer = setInterval(function(){$("#next").trigger("click");},"500");
});
$("#stop").click(function() {
clearInterval(timer);
});
停止
无功定时器;
$(“#开始”)。单击(函数(){
计时器=setInterval(函数(){$(“#下一步”).trigger(“click”)},“500”);
});
$(“#停止”)。单击(函数(){
清除间隔(计时器);
});
他的编辑现在应该可以工作了-他已经正确地将间隔重新分配给了一个变量。@DOCTYPEHTML很匆忙,我忘记了将setInterval
重新分配给timer
谢谢你,这为我节省了很多时间problem@DOCTYPEHTML欢迎乐于帮助:)这里不起作用。在我的脚本中,我使用的这个不起作用。
<button id="start">Start</button>
<button id="stop">Stop</button>
var timer;
$("#start").click(function() {
timer = setInterval(function(){$("#next").trigger("click");},"500");
});
$("#stop").click(function() {
clearInterval(timer);
});