asp.net里,要做一个计时界面

hongbayu hongbayu 墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年,写一次发全网 我也要 + 加入社区
点 开始计时
然后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();");
}





}
}


天气热,做的好烦
...全文
评论 3
收藏 已收藏
分享
返回顶部
hongbayu
.NET社区 62,272 成员 668,968 内容