星空网 > 软件开发 > ajax

Atlas学习手记(5):使用服务端定时控件TimerControl

摘要:TimerControl是一个用于服务器端定时器的控件,可用来实时显示数据等,在很多地方都有应用,本文将简单介绍一下TimerControl的使用。

主要内容

1.TimerControl介绍

2.完整示例

 

一.TimerControl介绍

TimerControl是一个用于服务器端定时器的控件,可用来实时显示数据等,在很多地方都有应用,本文将简单介绍一下TimerControl的使用。一个简单的TimerControl如下:

Atlas学习手记(5):使用服务端定时控件TimerControl<atlas:TimerControl runat="server" Interval="3000" ID="tickerTimer" OnTick="tickerTimer_Tick" />

它的属性解释如下:

属性

解释

Interval

时间间隔,隔多长时间刷新一次,单位为ms

Interval="3000"

OnTick

每隔Interval时间后向服务器端触发事件,是一个服务器端的方法

OnTick="tickerTimer_Tick"

Enabled

设置TimerControl控件是否可用,通过此属性我们可以自行控制开启和停止定时。

二.完整示例

下面我们通过一个简单的示例来演示TimerControl的使用。在很多网站上我们都可以看到一些股票代码等信息,这些数据都是实时刷新的,这里我们模仿一个股票代码示例。

1.添加ScriptManager,这个不用多说,只要是Atlas应用都必须添加的。设置它的EnablePartialRendering属性为true,这里要用UpdatePanel来做局部刷新。

Atlas学习手记(5):使用服务端定时控件TimerControl<atlas:ScriptManager ID="ScriptManager1" EnablePartialRendering="true" runat="server" />

2.添加TimerControl控件

Atlas学习手记(5):使用服务端定时控件TimerControl<atlas:TimerControl runat="server" Interval="3000" ID="tickerTimer" OnTick="tickerTimer_Tick" />

代码很简单,指定间隔的时间为3s,触发的事件为tickerTimer_Tick

3.添加UpdatePanel,用两个Label来分别显示公司的名称和虚拟股票代码:

Atlas学习手记(5):使用服务端定时控件TimerControl<atlas:UpdatePanel runat="server" ID="UpdatePanel1">
Atlas学习手记(5):使用服务端定时控件TimerControl
Atlas学习手记(5):使用服务端定时控件TimerControl    <Triggers>
Atlas学习手记(5):使用服务端定时控件TimerControl
Atlas学习手记(5):使用服务端定时控件TimerControl        <atlas:ControlEventTrigger ControlID="tickerTimer" EventName="Tick" />
Atlas学习手记(5):使用服务端定时控件TimerControl
Atlas学习手记(5):使用服务端定时控件TimerControl    </Triggers>
Atlas学习手记(5):使用服务端定时控件TimerControl
Atlas学习手记(5):使用服务端定时控件TimerControl    <ContentTemplate>
Atlas学习手记(5):使用服务端定时控件TimerControl
Atlas学习手记(5):使用服务端定时控件TimerControl      <h2>Atlas TimerControl Example</h2>
Atlas学习手记(5):使用服务端定时控件TimerControl
Atlas学习手记(5):使用服务端定时控件TimerControl      <asp:Label ID="CompanyName" runat="server" Font-Bold="True" Font-Size="Larger">Tokyo Traders:</asp:Label>
Atlas学习手记(5):使用服务端定时控件TimerControl
Atlas学习手记(5):使用服务端定时控件TimerControl      <asp:Label ID="CompanyValue" runat="server" Font-Bold="True" Font-Size="Larger" ForeColor="Red">20</asp:Label>
Atlas学习手记(5):使用服务端定时控件TimerControl
Atlas学习手记(5):使用服务端定时控件TimerControl    </ContentTemplate>
Atlas学习手记(5):使用服务端定时控件TimerControl
Atlas学习手记(5):使用服务端定时控件TimerControl</atlas:UpdatePanel>

4.编写一个简单的Web Service,用来返回股票代码,这里我们用产生一个随机数来模拟:

Atlas学习手记(5):使用服务端定时控件TimerControlusing System;
Atlas学习手记(5):使用服务端定时控件TimerControl
Atlas学习手记(5):使用服务端定时控件TimerControlusing System.Web;
Atlas学习手记(5):使用服务端定时控件TimerControl
Atlas学习手记(5):使用服务端定时控件TimerControlusing System.Collections;
Atlas学习手记(5):使用服务端定时控件TimerControl
Atlas学习手记(5):使用服务端定时控件TimerControlusing System.Web.Services;
Atlas学习手记(5):使用服务端定时控件TimerControl
Atlas学习手记(5):使用服务端定时控件TimerControlusing System.Web.Services.Protocols;
Atlas学习手记(5):使用服务端定时控件TimerControl 
Atlas学习手记(5):使用服务端定时控件TimerControl
Atlas学习手记(5):使用服务端定时控件TimerControlAtlas学习手记(5):使用服务端定时控件TimerControl/**//// <summary>
Atlas学习手记(5):使用服务端定时控件TimerControl
Atlas学习手记(5):使用服务端定时控件TimerControl/// Summary description for TimerWebService
Atlas学习手记(5):使用服务端定时控件TimerControl
Atlas学习手记(5):使用服务端定时控件TimerControl/// </summary>
Atlas学习手记(5):使用服务端定时控件TimerControl
Atlas学习手记(5):使用服务端定时控件TimerControl[WebService(Namespace = "http://tempuri.org/")]
Atlas学习手记(5):使用服务端定时控件TimerControl
Atlas学习手记(5):使用服务端定时控件TimerControl[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
Atlas学习手记(5):使用服务端定时控件TimerControl
Atlas学习手记(5):使用服务端定时控件TimerControlAtlas学习手记(5):使用服务端定时控件TimerControlpublic class TimerWebService : System.Web.Services.WebService Atlas学习手记(5):使用服务端定时控件TimerControl{
Atlas学习手记(5):使用服务端定时控件TimerControl
Atlas学习手记(5):使用服务端定时控件TimerControlAtlas学习手记(5):使用服务端定时控件TimerControl    public TimerWebService () Atlas学习手记(5):使用服务端定时控件TimerControl{
Atlas学习手记(5):使用服务端定时控件TimerControl
Atlas学习手记(5):使用服务端定时控件TimerControl        //Uncomment the following line if using designed components 
Atlas学习手记(5):使用服务端定时控件TimerControl
Atlas学习手记(5):使用服务端定时控件TimerControl        //InitializeComponent(); 
Atlas学习手记(5):使用服务端定时控件TimerControl
Atlas学习手记(5):使用服务端定时控件TimerControl    }
Atlas学习手记(5):使用服务端定时控件TimerControl
Atlas学习手记(5):使用服务端定时控件TimerControl    [WebMethod]
Atlas学习手记(5):使用服务端定时控件TimerControl
Atlas学习手记(5):使用服务端定时控件TimerControl    public string GetCode()
Atlas学习手记(5):使用服务端定时控件TimerControl
Atlas学习手记(5):使用服务端定时控件TimerControlAtlas学习手记(5):使用服务端定时控件TimerControl    Atlas学习手记(5):使用服务端定时控件TimerControl{
Atlas学习手记(5):使用服务端定时控件TimerControl        Random r1 = new Random();
Atlas学习手记(5):使用服务端定时控件TimerControl
Atlas学习手记(5):使用服务端定时控件TimerControl        return r1.Next(20,200).ToString();
Atlas学习手记(5):使用服务端定时控件TimerControl
Atlas学习手记(5):使用服务端定时控件TimerControl    }
Atlas学习手记(5):使用服务端定时控件TimerControl}

5.编写TimerControl的触发事件tickerTimer_Tick,代码很简单,只要把返回的数据显示在Label上就可以了。

Atlas学习手记(5):使用服务端定时控件TimerControlprotected void tickerTimer_Tick(object sender, EventArgs e)
Atlas学习手记(5):使用服务端定时控件TimerControl
Atlas学习手记(5):使用服务端定时控件TimerControlAtlas学习手记(5):使用服务端定时控件TimerControlAtlas学习手记(5):使用服务端定时控件TimerControl{
Atlas学习手记(5):使用服务端定时控件TimerControl    TimerWebService service = new TimerWebService();
Atlas学习手记(5):使用服务端定时控件TimerControl
Atlas学习手记(5):使用服务端定时控件TimerControl    this.CompanyValue.Text = service.GetCode();
Atlas学习手记(5):使用服务端定时控件TimerControl
Atlas学习手记(5):使用服务端定时控件TimerControl}

至此一个简单的TimerControl示例就完成了,看一下运行效果,起始的时候:

Atlas学习手记(5):使用服务端定时控件TimerControl
3s之后:

Atlas学习手记(5):使用服务端定时控件TimerControl

完整示例下载:http://terrylee.cnblogs.com/Files/Terrylee/TimerControlDemo.rar

原标题:Atlas学习手记(5):使用服务端定时控件TimerControl

关键词:atlas

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

整合五国站点,TikTok Shop开启东南亚大促! :https://www.goluckyvip.com/news/10864.html
客户案例 | 中国至英国木质材料出口铁路运输 :https://www.goluckyvip.com/news/10865.html
亚马逊卖断货!“粉红幽灵毛毯”被TikTok带爆:https://www.goluckyvip.com/news/10866.html
TikTok本土MCN机构申请资料 :https://www.goluckyvip.com/news/10867.html
跨境老兵“二次转型”,他如何在Shopee取得200%的GMV增长?:https://www.goluckyvip.com/news/10868.html
TikTok SEO:解锁品牌影响力的新路径:https://www.goluckyvip.com/news/10869.html
怎样做出一个有利可图的SaaS产品?:https://www.kjdsnews.com/a/1836639.html
【再放信号】美国Etsy即将放开中国卖家入驻,官方邮件你收到了吗?:https://www.kjdsnews.com/a/1836640.html
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流