十二、初学.NET—利用AJAX在页面头部显示服务器当前时间,并实现倒计时功能
2013-04-12 17:58
686 查看
前端:在设计视图中从工具箱AJAX Extensions 拖一个 ScriptManager 控件和一个UpdatePanel控件。
然后在UpdatePanel控件中放一个Label 控件和Timer控件,并在源视图中设置Timer 的Inerval属性为1000。
<form id="form1" runat="server">
<div>
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<asp:UpdatePanel ID="UpdatePanel2" runat="server">
<ContentTemplate>
<asp:Label ID="Label1" runat="server" Text=""></asp:Label>
<asp:Timer ID="Timer1" runat="server" Interval="1000">
</asp:Timer>
</ContentTemplate>
</asp:UpdatePanel>
</div>
</from>
后台代码:在PageLoad事件中添加 label.text=DateTime.now.Tosting(); 不能使用!IsPostBack(),如果使用就不能实时更新了。
protected void Page_Load(object sender, EventArgs e)
{
DateTime dtStoptime = Convert.ToDateTime("2013-05-15 12:08:00"); //定义一个结束时间
DateTime dtNow = DateTime.Now;
TimeSpan span=dtStoptime.Subtract(dtNow); //用第一个时间的Subtract方法减去一个时间,得到一个时间间隔对象。
Label1.Text = "当前日期:"+dtNow.ToLongDateString()+"时间:"+dtNow.ToLongTimeString()+" <br/>"+"距离评审结束还有:"+span.Days+"天"+span.Hours+"小时"+span.Minutes+"分"+span.Seconds+"秒"; //再分别取出时间间隔的天、小时、分钟数。
}
然后在UpdatePanel控件中放一个Label 控件和Timer控件,并在源视图中设置Timer 的Inerval属性为1000。
<form id="form1" runat="server">
<div>
<asp:ScriptManager ID="ScriptManager1" runat="server">
</asp:ScriptManager>
<asp:UpdatePanel ID="UpdatePanel2" runat="server">
<ContentTemplate>
<asp:Label ID="Label1" runat="server" Text=""></asp:Label>
<asp:Timer ID="Timer1" runat="server" Interval="1000">
</asp:Timer>
</ContentTemplate>
</asp:UpdatePanel>
</div>
</from>
后台代码:在PageLoad事件中添加 label.text=DateTime.now.Tosting(); 不能使用!IsPostBack(),如果使用就不能实时更新了。
protected void Page_Load(object sender, EventArgs e)
{
DateTime dtStoptime = Convert.ToDateTime("2013-05-15 12:08:00"); //定义一个结束时间
DateTime dtNow = DateTime.Now;
TimeSpan span=dtStoptime.Subtract(dtNow); //用第一个时间的Subtract方法减去一个时间,得到一个时间间隔对象。
Label1.Text = "当前日期:"+dtNow.ToLongDateString()+"时间:"+dtNow.ToLongTimeString()+" <br/>"+"距离评审结束还有:"+span.Days+"天"+span.Hours+"小时"+span.Minutes+"分"+span.Seconds+"秒"; //再分别取出时间间隔的天、小时、分钟数。
}
相关文章推荐
- AJAX应用案例--不刷新整个WEB页面显示服务器响应的当前时间
- 使用js实现显示系统当前时间并实现倒计时功能并触发模态框(遮罩)功能
- Ajax显示当前时间(实现页面局部刷新)
- 无需刷新整个Web页面显示服务器响应的当前时间(原始ajax未引入jar包)
- 用js实现倒计时和在页面显示当前时间
- jsp页面实现显示当前的日期时间
- 【温故而知新】Javascript时间效果(显示当前时间、显示当前日期、显示页面停留时间、倒计时)
- 用js实现页面显示当前日期和时间的代码
- 利用Timer类实现"显示时间"的功能
- jsp实现页面实时显示当前系统时间的方法
- 基于javascript显示当前时间以及倒计时功能
- 基于javascript显示当前时间以及倒计时功能
- 在编辑框中动态显示当前时间,实现时钟功能
- JavaScript实现页面实时显示当前时间的简单实例
- 利用javascript在当前页面显示时间
- Java从服务器上获取时间动态显示在jsp页面实现思路
- JavaScript实现页面实时显示当前时间的简单实例
- Java从服务器上获取时间动态显示在jsp页面实现思路
- js实现 页面显示系统时间(中文显示星期)、动态倒计时页面跳转
- 通过Ajax实现的一个时钟_now.aspx是服务器反应的当前时间。