Question

如何从Asp.Net按钮调用setInterval？
我需要从Asp.Net按钮启动一个计时器，然后想要使用一个代码隐藏方法。

我从按钮调用StartTimer函数但是setInterval没有启动：

.aspx的

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>jQuery Timer</title>
    <script src="jquery-1.10.0.min.js"></script>
    <script type="text/javascript">
    function StartTimer() {    
        var count = 30;

        var counter = setInterval(timer, 1000); // 1000 will  run it every 1 second
    }
    function timer() {
        count = count - 1;

        if (count <= 0) {
        clearInterval(counter);
        //counter ended
        return;
        }

        var today = new Date();
        var second = today.getSeconds();

        alert(second);
    };
</script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:Button ID="ButtonStart" runat="server" Text="Start timer" OnClientClick="return StartTimer();" OnClick="ButtonStart_Click" />
    </div>
    </form>
</body>
</html>

代码

protected void ButtonStart_Click(object sender, EventArgs e)
{
    // Some code
}

更新

Messagebox永远不会弹出。

似乎我无法从另一个函数调用Javascript函数。

固定代码属于Koby Douek的回答：

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>jQuery Timer</title>
<script src="../jquery-1.10.0.min.js"></script>
<script type="text/javascript">
    var count;

    function StartTimer() {
        count = 30;

        var counter = setInterval(timer, 1000); // 1000 will  run it every 1 second
    }
    function timer() {
        count = count - 1;

        if (count <= 0) {
            clearInterval(counter);
            //counter ended
            return;
        }

        var today = new Date();
        var second = today.getSeconds();

        alert(second);
    };
</script>
</head>
<body>
<form id="form1" runat="server">
    <div>
        <asp:Button ID="ButtonStart" runat="server" Text="Start timer" OnClick="ButtonStart_Click" />
    </div>
</form>
</body>
</html>

protected void ButtonStart_Click(object sender, EventArgs e)
{        
    Page.ClientScript.RegisterStartupScript(this.GetType(), "", "StartTimer();", true);
}

Answer 1

您可以使用RegisterStartupScript在回发时注册脚本：

protected void ButtonStart_Click(object sender, EventArgs e)
{
    Page.ClientScript.RegisterStartupScript(this.GetType(), "", "StartTimer();", true);
}

您需要从Button属性中删除OnClientClick="return StartTimer();"。

另外 - 在<script>：

中

更改：var count = 30; 致：count = 30;

并添加： var count;

以下：<script type="text/javascript">

这样，您的count变量的范围就会正确。

进一步阅读：RegisterStartupScript

更优雅的解决方案？

将<asp:Button>更改为简单<input>，并删除所有服务器代码：

<input type="button" id="ButtonStart" value="Start timer" onclick="StartTimer();" />

如何从Asp.Net按钮调用setInterval

1 个答案: