Javascript 延迟函数调用并显示类映像10秒

在下面显示9个框的给定代码中，这些框的值类似于数字时间

还有另一个类box002显示与九个框中随机选择的值相关的

数字

box002
可以拖动到以该数字开始的数字时间
，然后该框将
显示
，其下的部分图像将
可见

像wise一样，使用数字时间将box002中的所有9位数字拖放到当前绑定框中，最后框后面的图像应显示
10秒
，并弹出一个
一致性效果弹出窗口

我的问题是我无法在10秒钟内显示盒子后面的图像，10秒钟后另一组数字时间加载到盒子。

如何更正我的代码？有什么办法可以做到这一点吗


var超时；
函数buildImage（）{
document.getElementById（'content'）.style.backgroundImage='url（'+images[index]+'）；
}
函数changeImage（）{
索引++；
如果（索引>=images.length）{
指数=0；
}
document.getElementById（'content'）.style.backgroundImage='url（'+images[index]+（index+1）+'）；
}
var指数=0；
var超时；
函数animateCograt（）
{
$（'.congreats'）.show（）；
clearTimeout（超时）；
添加蓝体（）；
重置（）；
var numberOfStars=20；
对于（var i=0；i{
$（'.congreats'）.hide（）；
$（'body'）.removeClass（'bodyblue'）；
$（“#容器”）.show（）；
$（“#2容器”）.show（）；
$（“#3container”）.show（）；
$（'标题'）.show（）；
$（'.hint'）.show（）；
$（'#2'）.show（）；
$（'.level'）.show（）；
$（'.reset'）.show（）；
$（'.quit'）.show（）；
}, 4000);
}
函数重置（）{
$.each（$（'.blob'），函数（i）{
TweenMax.集（$（此）{
x:0,，
y:0，
不透明度：1
});
});
TweenMax.集合（$（'h1'）{
比例：1，
不透明度：1，
轮换：0
});
}
函数animateText（）{
TweenMax.from（$（'h1'），0.8{
比例：0.4，
不透明度：0，
轮换：15，
ease:Back.easeOut.config（4），
});
}
函数animateBlobs（）{
var xSeed=0.random（350380）；
var ySeed=u0.random（120170）；
$.each（$（'.blob'），函数（i）{
var$blob=$（此）；
变量速度=随机（1,5）；
变量旋转=随机（5100）；
var标度=随机（0.8,1.5）；
var x=u.random（-xSeed，xSeed）；
var y=u.random（-ySeed，ySeed）；
TweenMax.到（$blob，速度{
x:x，
y:y，
ease:Power1.easeOut，
不透明度：0，
旋转：旋转，
比例：比例，
onStartParams:[$blob]，
onStart:function（$element）{
$element.css（'display'，'block'）；
},
onCompleteParams:[$blob]，
onComplete:函数（$element）{
$element.css（'display'，'none'）；
}
});
});
}
var i=0；
函数存储（）{
变量级别=['https://via.placeholder.com/300.png?text=Level+ 1','https://via.placeholder.com/300.png?text=Level+ 2','https://via.placeholder.com/300.png?text=Level+1']
document.querySelector（“#levelimage”）.src=level[i++]；
如果（i>level.length-1）i=0；
}
函数windowClose（）{
窗口。打开（“”，“”，“”）；
window.close（）；
}
var项目=[
{标签：'01:40'，url:'https://via.placeholder.com/75x75?text=1'  },
{标签：'02:20'，url:'https://via.placeholder.com/75x75?text=2'  },
{标签：'03:50'，url:'https://via.placeholder.com/75x75?text=3'  },
{标签：'04:45'，url:'https://via.placeholder.com/75x75?text=4'  },
{标签：'05:35'，url:'https://via.placeholder.com/75x75?text=5'  },
{标签：'06:10'，url:'https://via.placeholder.com/75x75?text=6'  },
{标签：'07:15'，url:'https://via.placeholder.com/75x75?text=7'  },
{标签：'08:10'，url:'https://via.placeholder.com/75x75?text=8'  },
{标签：'09:30'，url:'https://via.placeholder.com/75x75?text=9'  },
{标签：'10:40'，url:'https://via.placeholder.com/75x75?text=10' },
{标签：'11:25'，url:'https://via.placeholder.com/75x75?text=11' },
{标签：'12:50'，url:'https://via.placeholder.com/75x75?text=12' }];
var tempimages=[]；
var array2=[]；
array2=items.slice（）；
var backimgcount=1；
var len=阵列2.长度；
var项目；
var displaycounter=0；
var images=['https://picsum.photos/200/300/?random','https://picsum.photos/200/300/?random","pokedex3d_pro_art_1.jpg",https://picsum.photos/200/300/?random','https://picsum.photos/200/300/?random' ];
var指数=0；
函数buildImage（）{
document.getElementById（'content'）.style.backgroundImage='url（'+images[index]+'）；
}
函数changeImage（）{
索引++；
如果（index>=images.length）index=0；
document.getElementById（'content'）.style.backgroundImage='url（'+images[index]+'）；
}
函数rvalue（）{
元素=document.getElementsByClassName（“框”）；
对于（var i=0；i对于（var index=0；index，我认为您的代码比您刚才提到的有更多的问题