Javascript Timer到Asp Literal

时间:2013-09-12 06:12:11

标签: c# javascript asp.net timer literals

我对javascript并不熟悉,但我相信有一个javascript计时器可以设置为asp标签。

我在asp中设法使用了这个计时器。下面是我的代码。

<asp:UpdatePanel ID="UpdatePanel1" runat="server">
            <ContentTemplate>
                <table>
                    <tr>
                        <td class="timer_display">
                            <asp:Literal ID="litTime" runat="server" Text="00:00:00">
                              </asp:Literal>
                        </td>
                    </tr>
                    <tr>
                        <td style="background:white;">
                            &nbsp;
                        </td>
                    </tr>
                    <tr>
                        <td style="background: white;">
                            <asp:Button ID="btnStart" runat="server" Text="Start"
                               CssClass="button" onclick="btnStart_Click" />
                        </td>
                    </tr>
                </table>
                <asp:Timer ID="tmrWatch" runat="server" Enabled="false" Interval="1000" 
                    ontick="tmrWatch_Tick">
                </asp:Timer>
            </ContentTemplate>
            <Triggers>
                <asp:AsyncPostBackTrigger ControlID="tmrWatch" EventName="Tick" />
            </Triggers>
        </asp:UpdatePanel>

我的问题是,我的管理员告诉我,它会生成大量的日志文件。

所以我想用javascript计时器替换它。

我的目标是拥有一个触发我的asp文字的javascript计时器。

1 个答案:

答案 0 :(得分:1)

你需要这样的东西:

<!DOCTYPE html>
<html>
<body>

<p>A script on this page starts this clock:</p>
<p id="demo"></p>
<button onclick="myStopFunction()">Stop time</button>

<script>
var myVar=setInterval(function(){myTimer()},1000);
function myTimer()
{
var d=new Date();
var t=d.toLocaleTimeString();
document.getElementById("demo").innerHTML=t;
}
function myStopFunction()
{
clearInterval(myVar);
}
</script>

</body>
</html>

现在代替

,你将使用asp:literal,它的id将是示例中的demo。所以它应该工作f9。

您也可以点这个链接:

http://forum.codecall.net/topic/51639-how-to-create-a-countdown-timer-in-javascript/