FadeIn随机Javascript游戏

我试图用我的小游戏用javascript解决这个问题。假设游戏使用带有jquery.random-fade-in.min.js的randomFadeIn随机显示div。它可以工作，但问题是我无法阻止它运行。这只是一个基本的javascript游戏，但使用jquery很难实现

这是我的全部代码

const result=document.getElementById.box container>div； console.logresult； const button=document.getElementsByTagNamediv； 设sec=0； 函数gameStartnum{ 设num1=800； 如果.box容器>div>p.css“不透明度”！=0{ console.log尚未完成； $function{ $'.box container'.randomFadeIn800； }; }否则{ console.logwin； }; } 功能点击框{ $.box容器>div>p.clickfunction{ $this.animate{ 不透明度：0 }, 800; } } 函数gameWins{} 功能游戏停止{ setTimeoutfunction{ 游戏结束； }, 60000; } 点击框； //游戏站； 游戏赢家； .盒式集装箱{ 宽度：232px； 浮动：左； 宽度：45%； } .货柜组{ 浮动：左； 高度：100px； 边缘底部：8px； 右边距：8px； 溢出：隐藏； 宽度：100px； } .箱式货柜组{ 背景：097； 框大小：边框框； 颜色：fff； 显示：无； 字体大小：20px； 身高：100%； 保证金：0； 填充顶部：14px； 文本对齐：居中； 宽度：100%； } .clearfix:之后{ 明确：两者皆有； 内容：； 显示：块； } 单击Dem框 开始比赛 技工：你需要在时间结束前点击所有框

>只是一堆淡入淡出的舞曲 通过使用该函数，可以停止动画。请参阅下面的代码片段

设maxSeconds=30000； 让numocards=$'.box'.length； 功能游戏开始{ console.logGame启动； 设numf=0； $.box容器>div>p.clickfunction{ //增加计数器 NUMOF++； //淡出 $this.fadeout 800； ifnumOfClicked==numOfCards{ 加梅旺； } } $'.box container'.randomFadeIn800； 设置超时 作用{ ifnumOfClicked！=numOfCards{ 配子丢失； } }，最大秒数； } 功能gameWon{ 游戏站； 你赢了这场比赛！； } 功能丧失{ 游戏站； 你输了这场比赛！； } 功能游戏停止{ $.box容器>div>p.stopfalse，false； } .盒式集装箱{ 宽度：232px； 浮动：左； 宽度：45%； } .货柜组{ 浮动：左； 高度：100px； 边缘底部：8px； 右边距：8px； 溢出：隐藏； 宽度：100px； } .箱式货柜组{ 背景：097； 框大小：边框框； 颜色：fff； 显示：无； 字体大小：20px； 身高：100%； 保证金：0； 填充顶部：14px； 文本对齐：居中； 宽度：100%； } .clearfix:之后{ 明确：两者皆有； 内容：； 显示：块； } 单击Dem框 开始比赛 技工：你需要在时间结束前点击所有框

>只是一堆淡入淡出的舞曲

---

谢谢你的回答，但无论我玩了多少游戏，我总是输哦，我没有注意到index.html上的变化，非常感谢，它按预期工作