您的位置:首页 > 其它

十二、初学.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+"秒"; //再分别取出时间间隔的天、小时、分钟数。

}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: