的JavaScriptсlock（定时器）从存储在ASP隐藏字段

Z时代
2024-01-10
分类：问答

<html> 
<head> 
    <title>Digital clock</title> 
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 
    <link href="../Styles/jquery.alerts.css" rel="stylesheet" type="text/css" /> 
    <script src="../Scripts/jquery.alerts.js" type="text/javascript"></script> 
</head> 
    <body onunload="return returnTime()" > 
     <script language="JavaScript" type="text/javascript"> 
      function returnTime() { 
       var closeTime = new Date(); 
       window.returnValue = closeTime; 
      } 
      function CloseWindow() { 
       window.close(); 
      } 
     </script> 
    <body onload="timer()" > 
    <style type="text/css"> 
     #time{ 
     font-size:50pt; 
     } 
     #body 
     { 
      background-color:#F3F3F3; 
     } 
    </style> 
    <script type="text/javascript"> 
     var digiclock = "00:00:00"; 
     i = 0; 
     function timer() { 
      var digiformat = ""; 
      if (i > 3599) { 
       var H = Math.floor(i/3600); 
      } 
      else { 
       var H = 0; 
      } 
      var M = i - (H * 3600) 
      if (M > 59) { 
       M = Math.floor(M/60) 
      } 
      else { 
       M = 0 
      } 
      var S = i - (M * 60) 
      if (H < 10) { 
       H = "0" + H; 
      } 
      if (M < 10) { 
       M = "0" + M; 
      } 
      if (S < 10) { 
       S = "0" + S; 
      } 
      document.getElementById('time').innerHTML = H + ":" + M + ":" + S; 
      setTimeout('timer()', 1000); 
      i++; 
     } 
    </script> 
     <table style="background-color:#F3F3F3;"> 
      <tr> 
       <td><div><center><p style="font-family:Calibri;font-size:1.8em;color:#104E8B;">Total Elapsed Time</p> </center></div> 
       </td> 
      </tr> 
      <tr> 
       <td><div id="time"><center>90</center></div> 
       </td> 
      </tr> 
      <tr> 
       <td> 
        <center> 
        <form runat="server"> 
         <asp:Button ID="btnStop" runat="server" Text="Stop" 
          style="width:150px;height:30px;font-weight:bold;background-color:#104E8B;color:White;border:1px solid" 
          onclick="btnStop_Click" /></form></center> 
          <input id="HiddenTaskname" type="hidden" value="" runat="server" /> 
         </td> 
      </tr> 
     </table> 
    </body>

所提供的时间跨度开始在上面，你可以看到，当上面的页面打开计时器（时钟）从00:00:00开始。我想以如上所述从指定时间开始的方式更新它。例如，如果我们将参数传递给此页面为14:30:58，那么定时器将从14:30:58开始，以此类推。我将从查询字符串中传递此参数并将其存储在此页面的一个asp隐藏字段中。请帮助我更新上面的代码，以使其满足我的要求。