1. 程式人生 > >jQuery: 使用setInterval()方法實現考試系統的自動提交(ASP.NET)

jQuery: 使用setInterval()方法實現考試系統的自動提交(ASP.NET)

 需求: 要實現考試系統在超過規定的時間後自動提交。

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
  <script src="jquery-1.11.1.min.js"></script>
  <script type="text/javascript">
      var c = 0;
      var t1;
      var t2;
      
      function myFunction()
      {
          //document.getElementById("Label2").innerText = "還有10秒就要交卷了,請抓緊時間!";
          alert("還有10分鐘就要交卷了,請抓緊時間!");
      };
      
      function setInterval1() {
          t1 = setInterval(function () {
              c += 1;
              if (c == 10 ) {
                  myFunction();
              } else if (c == 20) {
                  $("#Button1").click();
              }
          }, 60000);
      }

      $(document).ready(function ()
      {
          setInterval1();
      });
        
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
&nbsp;&nbsp;
        <asp:Label ID="Label1" runat="server" Text=""></asp:Label>
        <br />
        <asp:Label ID="Label2" runat="server" Text=""></asp:Label>
        <br />
        <asp:Label ID="Label3" runat="server" Text=""></asp:Label>
        <br/>
        <br/>
        <asp:Button ID="Button1" runat="server" Text="Button" OnClick="Button1_Click"  />
    </div>
    </form>
</body>

</html>