Javascript 如何创建淡入倒计时计时器？

功能：

创建了一个简单的浏览页面导航功能。这是该功能的工作原理：

1.）当用户单击第1页中的“开始”按钮时，它会将用户导航到第2页

2.）第2页是游戏页面，从第1页开始导航时，将自动显示开始倒计时计时器，以通知用户游戏将在3秒内开始。因此，导航到第2页时，显示器应具有4个单独的幻灯片，每个幻灯片将显示“3”、“2”、“1”和“开始”

因此，我想寻求帮助，如何将淡入计数器代码合并到现有的

谢谢

代码：

函数fadeInCounter（）{
//定义动画的“幻灯片”和“状态”。
var State=“Start1”；
//文本的全局参数。
文本大小（20）；
填充（139、69、19）；
var draw=function（）{
//幻灯片1。
如果（状态==“开始1”）{
背景（205201201）；
文本（“3”、200、200）；
幻灯片1-=5；
如果（幻灯片1以下是淡入/淡出计时器

我还随意使用了单div而不是多div


var计数=3；
函数updateTimer（）{
如果（计数>0）{
$（“#内容”）.fadeOut（'slow'，function（）{
$（“#内容”）。文本（计数）；
$（“#内容”）.fadeIn（）；
计数--；
});
}
否则如果（计数==0）{
$（“#内容”）.fadeOut（'slow'，function（）{
$（“内容”）.text（“开始”）；
$（“#内容”）.fadeIn（）；
计数--；
});
}
否则{
$（“#内容”）.fadeOut（）；
间隔时间；
}
}
var interval=setInterval（function（）{updateTimer（）}，2000）
#内容{
字号：26px；
颜色：红色；
文本对齐：居中；
}

到目前为止您尝试过的js代码在哪里？您也可以尝试设置JSFIDLE吗？@LelioFaieta我已经添加了我尝试过的内容，但我不知道如何将其合并到\。请帮助。这是否意味着
标记在：
中。
我相信是的。您可以将其用于
>