Javascript 如何多次调用setInterval?

Javascript 如何多次调用setInterval?,javascript,html,css,Javascript,Html,Css,所以,我想用一个按钮多次调用setInterval,但是当我第二次按下按钮时,什么都没有发生。我已经搜索了其他类似的问题,但它们在jQuery中,不适合我 编辑:我不想做的是通过单击按钮来重复动画 var元素,添加,区间; 加法=0; 函数start(){ intervalo=设置间隔(间隔,50); } 函数间隔(){ 加法=加法+25; 元素=document.getElementById('teste'); element.style.left=添加; 如果(添加>300){ 间隙; 区

所以,我想用一个按钮多次调用setInterval,但是当我第二次按下按钮时,什么都没有发生。我已经搜索了其他类似的问题,但它们在jQuery中,不适合我

编辑:我不想做的是通过单击按钮来重复动画

var元素,添加,区间;
加法=0;
函数start(){
intervalo=设置间隔(间隔,50);
}
函数间隔(){
加法=加法+25;
元素=document.getElementById('teste');
element.style.left=添加;
如果(添加>300){
间隙;
区间=空;
element.style.left=0;
}
}
#测试{
位置:绝对位置;
}

欧拉
开始

您没有重置
add
变量,因此当间隔第二次触发时,它将直接进入
clearInterval
部分

var元素,add,intervalo,btn,元素;
加法=0;
btn=document.getElementById('btn');
元素=document.getElementById('teste');
函数start(){
btn.disabled=true;
intervalo=设置间隔(间隔,50);
}
函数间隔(){
加法=加法+25;
element.style.left=add+'px';
如果(添加>300){
间隙;
区间=空;
element.style.left=0;
btn.disabled=false;
加法=0;
}
}
#测试{
位置:绝对位置;
左:0;
排名:0;
}

欧拉
开始

如果启动多个计时器,您将遇到一个问题,即它们都共享同一组变量。@Pointy除了,除了创建更多变量外,还有其他方法吗?可能您的意思是在clearInterval块中设置
add=0
。是否希望它运行多次,以便可以提高
add
增加的速度?如果你愿意,为什么不把25变成一个变量,增加它,并保持一次循环。@Wobbles,我不想再次单击按钮来重复动画。