如何用vs制作考试时自动提示剩余时间的代码

如果你想要的是可以提醒你还剩10分钟就要提交试卷，并且在时间到达后自动提交的vs代码，那么这会是一个好的选择

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>测试</title>
    <script type="text/javascript">
    var overDate = 0.008 //设置要倒计时的小时数
    EndTimeMsg = overDate * 60 * 60
    function show() {
      h = Math.floor(EndTimeMsg / 60 / 60);
      m = Math.floor((EndTimeMsg - h * 60 * 60) / 60)
      s = Math.floor((EndTimeMsg - h * 60 * 60 - m * 60))
      document.getElementById("HH").innerHTML = h
      document.getElementById("MM").innerHTML = m
      document.getElementById("SS").innerHTML = s
      EndTimeMsg--;
      if (EndTimeMsg <= 10 && EndTimeMsg>9) {
        alert(s+" 后将自动交卷");
        document.getElementById("SS").innerHTML = s
        document.getElementById("OK").innerHTML = " 后将自动交卷"
      }
      if (EndTimeMsg < 0) {
        document.getElementById('<%=Button1.ClientID %>').click();
      }
    }
    setInterval("show()", 1000)
  </script>

</head>
<body>
    <form id="form1" runat="server">
    <div style="height: 136px; font-size: large; width: 828px;">
         <asp:ScriptManager ID="ScriptManager1" runat="server">

        </asp:ScriptManager>

        <asp:Timer ID="Timer1" runat="server" ontick="Timer1_Tick">
        </asp:Timer>
        <asp:Label ID="Label1" runat="server"></asp:Label>
    
         <br />
         <asp:Label ID="Label4" runat="server" Text="你的成绩为："></asp:Label>
         <asp:Label ID="Label3" runat="server"></asp:Label>
         <asp:Label ID="Label5" runat="server" Text="分"></asp:Label>
         <br />
    
         <br />
    <strong id="HH"></strong>时 <strong id="MM"></strong>分 <strong id="SS"></strong>秒<strong id="OK" style="color:red"></strong>
    </div>

中间应该是你的题目的代码，接下来会是弹出框和加入按钮控件

<asp:Button ID="Button1" runat="server" onclick="Button1_Click" Text="交卷" />

    
        <br />
       
        <asp:Label ID="Label2" runat="server" Text="提示：弹出框为得分（总分为100分）"></asp:Label>
    </p>
    </form>
</body>
</html>

如何用vs制作考试时自动提示剩余时间的代码

猜你喜欢