AJAX控件学习-简单例子

用ASP.NET自带AJAX控件实现页面无刷新变色

前台代码

    <form id="form1" runat="server">
   
        <asp:ScriptManager ID="ScriptManager1" runat="server">
        </asp:ScriptManager>
    <asp:UpdatePanel ID="UpdatePanel1" runat="server">
    <ContentTemplate>
        <asp:Label ID="txtTime" runat="server" Text="Label"></asp:Label>
    </ContentTemplate>
    <Triggers>
    <asp:AsyncPostBackTrigger ControlID="Timer1" EventName="Tick" />
    </Triggers>

    </asp:UpdatePanel>
    <asp:Timer ID="Timer1" runat="server" Interval="1000" ontick="Timer1_Tick">
    </asp:Timer>

 

   
    </form>

 

 后台代码

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Drawing;

namespace WebApplication2
{
    public partial class WebForm1 : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {

        }

        protected void Timer1_Tick(object sender, EventArgs e)
        {
            Label txtTime = (Label)UpdatePanel1.FindControl("txtTime");
            txtTime.Text = DateTime.Now.ToLongTimeString();
            int red = new Random().Next(255);
            System.Threading.Thread.Sleep(100);
            int green = new Random().Next(255);
            System.Threading.Thread.Sleep(100);
            int blue = new Random().Next(255);
            txtTime.BackColor = Color.FromArgb(red, green, blue);
            txtTime.ForeColor = Color.FromArgb(green, blue, red);

        }
    }
}