baiyanlali/MarioWeb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge branch 'main' of https://github.com/BigJIU/MarioWeb

Browse Source
This commit is contained in:
bigJIU 2023-03-07 19:26:32 +08:00
commit a9341aa158
1 changed files with 7 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
templates/GameTutorial.html
View File

@ -212,8 +212,8 @@
</div> </div>
<img style=" width: 80%; height: 90vh;top: 62px; left: 10vw; <img style=" height: 90vh;top: -10vh; left: -10vw;
position: fixed;z-index: 900; visibility: visible; " src="../templates/Web/pic.png" id="windowshow"> position: absolute;z-index: 900; visibility: visible; " src="../templates/Web/pic.png" id="windowshow">
<div align="center" id="GameWindow"> <div align="center" id="GameWindow">
@ -270,10 +270,10 @@
<h3>Play Game</h3> <h3>Play Game</h3>
</button> </button>
</div> </div>
<div class="col-md-6" id="countdown" style="z-index:999; position:fixed; left:11vw; bottom: 5vh; color: #000; font-size: xx-large;"></div> <div class="col-md-6" id="countdown" style="z-index:999; position:absolute; left:11vw; bottom: 1vh; color: #000; font-size: xx-large;"></div>
<script> <script>
function countdown() { function countdown() {
var count = 15; // 设置倒计时秒数 var count = 10; // 设置倒计时秒数
var timer = setInterval(function () { var timer = setInterval(function () {
count--; count--;
if (count <= 0) { if (count <= 0) {
@ -282,7 +282,7 @@
$("#windowshow:visible").hide(); // 倒计时结束后隐藏倒计时容器 $("#windowshow:visible").hide(); // 倒计时结束后隐藏倒计时容器
} else { } else {
$("#countdown").html("This instruction will close in "+ count +"s"); // 更新倒计时容器内容 $("#countdown").html("This instruction will close in "+ count +"s. <br>Or click to close."); // 更新倒计时容器内容
$("#windowshow").click(function(){ $("#windowshow").click(function(){
$("#windowshow").hide(); $("#windowshow").hide();
$("#countdown").hide(); $("#countdown").hide();
@ -312,9 +312,8 @@
GameLoad().then(function () { GameLoad().then(function () {
console.log("Cheerpj Initialize Succeed!"); console.log("Cheerpj Initialize Succeed!");
if (img.style.visibility == "visible") { $("#windowshow: visible").hide();
img.style.visibility = "hidden"; $("#countdown").hide();
}
document.getElementById("loading").style.visibility = 'hidden'; document.getElementById("loading").style.visibility = 'hidden';
}) })