Tuesday, September 13, 2011

How to used AJAX Timer Control in ASP.Net?

Posted by Rahul Kharde at 2:38 AM

Timer control in ASP.NET is an AJAX control. The Timer use the Tick event for show the time. You will set the Interval of timer.

1000 Milliseconds = 1 Second

Timer controls allow you to do postbacks at certain intervals. If used together with UpdatePanels, which is the most common approach, it allows for timed partial updates of your page, but it can be used for posting back the entire page as well.

Here is a small example of using the Timer control. It simply updates a timestamp every second starting from page load.


Here we have a normal UpdatePanel, which carries a Trigger reference to our Timer control. This means that the panel is updated when the Timer "ticks", that is, fires the Tick event.

The Timer control uses the interval attribute to define the number of milliseconds to occur before firing the Tick event.

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title>Untitled Page</title>



<form id="form1" runat="server">


<asp:ScriptManager ID="ScriptManager1" runat="server" />

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

<asp:UpdatePanel runat="server" ID="TimedPanel" UpdateMode="Conditional">


<asp:AsyncPostBackTrigger ControlID="Timer1" EventName="Tick" />



<div style="width: 100px; background-color: #CCCCCC; text-align: center;border: 1px solid black;">

<asp:Label runat="server" ID="DateStampLabel" Font-Bold="True" Font-Names="Calibri" ForeColor="red" Font-Size="16pt" />









dtStart get time when your page load and every interval dt get new time. Shows the difference between both times.

static DateTime dtStart =System.DateTime.Now;

protected void Page_Load(object sender, EventArgs e)



protected void Timer1_Tick(object sender, EventArgs e)


DateTime dt = System.DateTime.Now;

TimeSpan ts = dt.Subtract(dtStart);

DateStampLabel.Text = ts.Hours.ToString("00")

+ " : " + ts.Minutes.ToString("00")

+ " : " + ts.Seconds.ToString("00");



Download Code Here

If you enjoyed this post and wish to be informed whenever a new post is published, then make sure you subscribe to my regular Email Updates. Subscribe Now!

Kindly Bookmark and Share it:



Have any question? Feel Free To Post Below:


Popular Posts

Recent Comments

© 2011. All Rights Reserved | Help to understand .Net | Template by Blogger Widgets

Home | About | Top