Javascript 如何设置函数的延迟？

我知道这个问题可以在很多方面得到回答，但我需要有人帮我做到这一点。我想我的动画做它的事情，然后一个随机数弹出？现在我有两个功能在一次点击（我需要它）。我是新手，一个简单的公式会很棒！有人能帮忙吗？如果可以的话，我们将不胜感激！非常感谢。 这是所有的代码

startbtn=function（）{
$（'.wheel'）.addClass（'animated-wheel'）；
setTimeout（setRandom（'random'）{}，6000）；
}
函数getRandom（）{
var值=[1,15,30,45]；
返回值[Math.floor（Math.random（）*values.length）]；
}
函数setRandom（id）{
document.getElementById（id）.innerHTML=getRandom（）；
}
函数刷新（）{
location.reload（）；
};
.number{
文本对齐：居中；
颜色：白色；
字号：78px；
}
.车轮{
宽度：200px；
高度：100px；
左：600px；
顶部：300px；
背景：绿色；
位置：相对位置；
}
.动画车轮{
-webkit动画：MyFirst4S2；
-webkit动画方向：交替；
动画：MyFirst4S2；
动画方向：交替；
}
@-webkit为myfirst设置关键帧{
0% {
背景：绿色；
左：600px；
顶部：300px；
}
33% {
背景：黑色；
左：600px；
顶部：0px；
}
66% {
背景：红色；
左：600px；
顶部：650px；
}
100% {
背景：黑色；
左：600px；
顶部：0px；
}
}
@关键帧myfirst{
0% {
背景：绿色；
左：600px；
顶部：300px；
}
33% {
背景：绿色；
左：600px；
顶部：300px；
}
66% {
背景：黑色；
左：600px；
顶部：0px；
}
100% {
背景：红色；
左：600px；
顶部：650px；
}
}

方向盘！
开始
重置
有很多更优雅的方法，但下面是对错误的更正：

setTimeout(function(){  
    setRandom('random')
}, 6000);

有很多更优雅的方法，但以下是对您错误的更正：

setTimeout(function(){  
    setRandom('random')
}, 6000);

您的
setTimeout（）
中有语法错误：


startbtn=function（）{
$（'.wheel'）.addClass（'animated-wheel'）；
setTimeout（函数（）{
//删除动画类
setRandom（“随机”）；
$（'.wheel'）.removeClass（'animated-wheel'）；
}, 6750);
}
函数getRandom（）{
var值=[1,15,30,45]；
返回值[Math.floor（Math.random（）*values.length）]；
}
函数setRandom（id）{
document.getElementById（id）.innerText=getRandom（）；
}
函数刷新（）{
location.reload（）；
};

方向盘！
.号码{
文本对齐：居中；
颜色：白色；
字号：78px；
}
.车轮{
宽度：200px；
高度：100px；
左：600px；
顶部：300px；
背景：绿色；
位置：相对位置；
}
.动画车轮{
-webkit动画：MyFirst4S2；
-webkit动画方向：交替；
动画：MyFirst4S2；
动画方向：交替；
}
@-webkit为myfirst设置关键帧{
0% {
背景：绿色；
左：600px；
顶部：300px；
}
33% {
背景：黑色；
左：600px；
顶部：0px；
}
66% {
背景：红色；
左：600px；
顶部：650px；
}
100% {
背景：黑色；
左：600px；
顶部：0px；
}
}
@关键帧myfirst{
0% {
背景：绿色；
左：600px；
顶部：300px；
}
33% {
背景：绿色；
左：600px；
顶部：300px；
}
66% {
背景：黑色；
左：600px；
顶部：0px；
}
100% {
背景：红色；
左：600px；
顶部：650px；
}
}
开始
重置
您的
设置超时（）中有语法错误。
：


startbtn=function（）{
$（'.wheel'）.addClass（'animated-wheel'）；
setTimeout（函数（）{
//删除动画类
setRandom（“随机”）；
$（'.wheel'）.removeClass（'animated-wheel'）；
}, 6750);
}
函数getRandom（）{
var值=[1,15,30,45]；
返回值[Math.floor（Math.random（）*values.length）]；
}
函数setRandom（id）{
document.getElementById（id）.innerText=getRandom（）；
}
函数刷新（）{
location.reload（）；
};

方向盘！
.号码{
文本对齐：居中；
颜色：白色；
字号：78px；
}
.车轮{
宽度：200px；
高度：100px；
左：600px；
顶部：300px；
背景：绿色；
位置：相对位置；
}
.动画车轮{
-webkit动画：MyFirst4S2；
-webkit动画方向：交替；
动画：MyFirst4S2；
动画方向：交替；
}
@-webkit为myfirst设置关键帧{
0% {
背景：绿色；
左：600px；
顶部：300px；
}
33% {
背景：黑色；
左：600px；
顶部：0px；
}
66% {
背景：红色；
左：600px；
顶部：650px；
}
100% {
背景：黑色；
左：600px；
顶部：0px；
}
}
@关键帧myfirst{
0% {
背景：绿色；
左：600px；
顶部：300px；
}
33% {
背景：绿色；
左：600px；
顶部：300px；
}
66% {
背景：黑色；
左：600px；
顶部：0px；
}
100% {
背景：红色；
左：600px；
顶部：650px；
}
}
开始
重置
它变化完美，但在变化前会弹出一个数字。这有意义吗？@Eastonany我来看看，你能给我提供更多的信息吗？还有，到底是什么