Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/372.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 - Fatal编程技术网

Javascript 生成附加阵列

Javascript 生成附加阵列,javascript,jquery,Javascript,Jquery,我正在进行一个简单的倒计时,当它达到零时,它将生成5个随机数,并将其逐个添加到数组中,同时显示结果列表 我的问题是,每次倒计时都会显示额外的结果 我怎样才能去掉它 我试图删除progressbar的代码,这似乎是原因,但不知道在哪里传输 谢谢,希望你能帮助我 让时间=10; 让进度=0;设计数器=0 变量时钟=$('.my clock')。FlipClock(时间{ 倒计时:没错, 计数:1, 回调:{ 停止:函数(){ setTimeout(函数(){ clock.setTime(time)

我正在进行一个简单的倒计时,当它达到零时,它将生成5个随机数,并将其逐个添加到数组中,同时显示结果列表

我的问题是,每次倒计时都会显示额外的结果

我怎样才能去掉它

我试图删除progressbar的代码,这似乎是原因,但不知道在哪里传输

谢谢,希望你能帮助我

让时间=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你能帮帮我吗先生你能帮帮我吗。