62,046
社区成员
发帖
与我相关
我的任务
分享asp.net里，要做一个计时界面
点 开始计时
然后label里显示时间，00：02：03这样的形式。
时分秒
然后再点计时结束，这个时长就被插入到数据库里
刚学，都不会，开始做项目。
<script type="text/javascript">
var c = 0
var t
function timedCount() {
document.getElementById("TextBox1").
c = c + 1
t=setTimeout("timedCount()",1000)
}
function stopCount() {
clearTimeout(t)
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:Button ID="Button1" runat="server" Text="点击开始计时" onclick="Button1_Click" />
<br />
<br />
<br />
<br />
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
<br />
<br />
<br />
<asp:Button ID="Button2" runat="server" Text="计时结束"
Width="123px" onclick="Button2_Click" />
</div>
</form>
</body>
</html>
后台
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
namespace WorkTimeFun
{
public partial class _Default : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
}
protected void Button1_Click(object sender, EventArgs e)
{
Button1.Attributes.Add("onclick", "return timedCount();");
}
protected void Button2_Click(object sender, EventArgs e)
{
Button2.Attributes.Add("onclick", "return stopCount();");
}
}
}
天气热，做的好烦
然后label里显示时间，00：02：03这样的形式。
时分秒
然后再点计时结束，这个时长就被插入到数据库里
刚学，都不会，开始做项目。
<script type="text/javascript">
var c = 0
var t
function timedCount() {
document.getElementById("TextBox1").
c = c + 1
t=setTimeout("timedCount()",1000)
}
function stopCount() {
clearTimeout(t)
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:Button ID="Button1" runat="server" Text="点击开始计时" onclick="Button1_Click" />
<br />
<br />
<br />
<br />
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
<br />
<br />
<br />
<asp:Button ID="Button2" runat="server" Text="计时结束"
Width="123px" onclick="Button2_Click" />
</div>
</form>
</body>
</html>
后台
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
namespace WorkTimeFun
{
public partial class _Default : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
}
protected void Button1_Click(object sender, EventArgs e)
{
Button1.Attributes.Add("onclick", "return timedCount();");
}
protected void Button2_Click(object sender, EventArgs e)
{
Button2.Attributes.Add("onclick", "return stopCount();");
}
}
}
天气热，做的好烦
...全文
请发表友善的回复…
发表回复
hongbayu 2013-04-15
- 打赏
- 举报
不管用，试过了。
document.getElementById('txt').value=c
在这里都调用不了了。
我是老姚 2013-04-15
- 打赏
- 举报
办法一：用AJAX实现
办法二：页面上用一个隐藏表单，点结束时把时间差用JS算出来放到隐藏表单里，然后在后台取隐藏表单里的值。
随心录123 2013-04-15
- 打赏
- 举报
<html>
<head>
<script type="text/javascript">
var c=0
var t
function timedCount()
{
document.getElementById('txt').value=c
c=c+1
t=setTimeout("timedCount()",1000)
}
function stopCount()
{
clearTimeout(t)
}
</script>
</head>
<body>
<input type="button" value="开始计时！" onClick="timedCount()">
<input type="text" id="txt">
<input type="button" value="停止计时！" onClick="stopCount()">
<p>请点击上面的“开始计时”按钮来启动计时器。输入框会一直进行计时，从 0 开始。点击“停止计时”按钮可以终止计时。</p>
</body>
</html>
在点击停止的时候 插入到你数据库
