0
<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 隐藏字段中。请帮助我更新上面的代码,使其满足我的要求。

4

1 回答 1

0

var digiclock = "<%= Request.QueryString["QueryStringVariableName"] %>";

应该可以,还没有测试过,您可能需要将双引号更改为单引号。我不是专业人士,所以玩它。

于 2012-07-10T15:13:46.383 回答