如何从setInterval按钮调用Asp.Net
如何从setInterval按钮调用Asp.Net
提问于 2017-03-13 10:29:51
如何从setInterval按钮调用Asp.Net？
我需要从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
}更新
信息箱永远不会弹出。
似乎我无法从另一个函数调用Javascript函数。
固定代码属于Koby的答案：
<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);
}回答 1
Stack Overflow用户
回答已采纳
发布于 2017-03-13 10:32:56
您可以使用RegisterStartupScript在回发时注册脚本：
protected void ButtonStart_Click(object sender, EventArgs e)
{
Page.ClientScript.RegisterStartupScript(this.GetType(), "", "StartTimer();", true);
}您需要从Button属性中删除：OnClientClick="return StartTimer();"。
同时-在你的<script>中
更改：var count = 30；to：count = 30;
并添加：var count;
以下：<script type="text/javascript">
这样，您的count变量将被正确地限定作用域。
欲进一步阅读：RegisterStartupScript
--更优雅的解决方案?
将<asp:Button>更改为简单的<input>，并删除所有服务器代码：
<input type="button" id="ButtonStart" value="Start timer" onclick="StartTimer();" />页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/42761389
复制相关文章
相似问题
腾讯云开发者
