Javascript 生成附加阵列
我正在进行一个简单的倒计时,当它达到零时,它将生成5个随机数,并将其逐个添加到数组中,同时显示结果列表 我的问题是,每次倒计时都会显示额外的结果 我怎样才能去掉它 我试图删除progressbar的代码,这似乎是原因,但不知道在哪里传输 谢谢,希望你能帮助我Javascript 生成附加阵列,javascript,jquery,Javascript,Jquery,我正在进行一个简单的倒计时,当它达到零时,它将生成5个随机数,并将其逐个添加到数组中,同时显示结果列表 我的问题是,每次倒计时都会显示额外的结果 我怎样才能去掉它 我试图删除progressbar的代码,这似乎是原因,但不知道在哪里传输 谢谢,希望你能帮助我 让时间=10; 让进度=0;设计数器=0 变量时钟=$('.my clock')。FlipClock(时间{ 倒计时:没错, 计数:1, 回调:{ 停止:函数(){ setTimeout(函数(){ clock.setTime(time)
让时间=10;
让进度=0;设计数器=0
变量时钟=$('.my clock')。FlipClock(时间{
倒计时:没错,
计数:1,
回调:{
停止:函数(){
setTimeout(函数(){
clock.setTime(time);//正在进行的时间
clock.start();
for(设i=0;i<5;i++){
var arresult=[];
setTimeout(函数(){
var r=Math.floor(Math.random()*11)+1;
arresult.push(r);
setTimeout(函数(){
$('.numResult div:nth child('+(i+1)+')).html(arresult[i]);
},200);
如果(arresult.length==5){
$('.results ul').append(''+arrsult+' ');
}
},500*i);
}
},1000);
},
间隔:函数(){
计数器&(进度+=100/次);
计数器++;
$('.progressBar.progress').width(progress+'%');
如果(进度>=100){
进度=0;计数器=0;
这个
}
}
}
});代码>
。我的时钟{
文本对齐:居中;
宽度:自动;
显示:内联块;
}
.中心{
文本对齐:居中;
}
.progressBar{
保证金:0自动;
宽度:400px;
高度:6px;
边界半径:3px;
背景色:#222;
}
.进展{
背景颜色:绿色;
身高:100%;
宽度:100%;
}
努姆雷索分区{
显示:内联块;
}
.结果{
宽度:50px;
位置:绝对位置;
左:0;
右:0;
保证金:0自动;
}
.结果ul{
填充:0;
}
问题在于,您正在间隔函数中调用this.stop()
,将其删除后,一切正常:
让时间=10;
让进度=0;设计数器=0
变量时钟=$('.my clock')。FlipClock(时间{
倒计时:没错,
计数:1,
回调:{
停止:函数(){
setTimeout(函数(){
clock.setTime(time);//正在进行的时间
clock.start();
for(设i=0;i<5;i++){
var arresult=[];
setTimeout(函数(){
var r=Math.floor(Math.random()*11)+1;
arresult.push(r);
setTimeout(函数(){
$('.numResult div:nth child('+(i+1)+')).html(arresult[i]);
},200);
如果(arresult.length==5){
$('.results ul').append(''+arrsult+' ');
}
},500*i);
}
},1000);
},
间隔:函数(){
计数器&(进度+=100/次);
计数器++;
$('.progressBar.progress').width(progress+'%');
如果(进度>=100){
进度=0;计数器=0;
}
}
}
});代码>
。我的时钟{
文本对齐:居中;
宽度:自动;
显示:内联块;
}
.中心{
文本对齐:居中;
}
.progressBar{
保证金:0自动;
宽度:400px;
高度:6px;
边界半径:3px;
背景色:#222;
}
.进展{
背景颜色:绿色;
身高:100%;
宽度:100%;
}
努姆雷索分区{
显示:内联块;
}
.结果{
宽度:50px;
位置:绝对位置;
左:0;
右:0;
保证金:0自动;
}
.结果ul{
填充:0;
}
@TylerRoper我认为这是一个类似TFA系统的东西,对我来说很有意义,例如,此代码的有效期为10。。9.@TylerRoper你能帮帮我吗先生你能帮帮我吗。