Update GameTutorial.html

This commit is contained in:
Doveliyuchen 2023-03-07 19:20:28 +08:00
parent c91cd03c7b
commit f1033bcdb6

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">
@ -267,7 +267,7 @@
<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 = 10; // 设置倒计时秒数 var count = 10; // 设置倒计时秒数
@ -279,7 +279,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();