How To AutoSave Using ASP.NET AJAX Controls

Using the Microsoft AJAX Toolkit. Add an UpdatePanel that contains a timer and an AlwaysVisibleControlExtender


    <asp:UpdatePanel ID="saveTimerUpdatePanel" runat="server" UpdateMode="Conditional" ChildrenAsTriggers="true">
    <Triggers>
    </Triggers>
    <ContentTemplate>
        <asp:Timer ID="saveTimer" runat="server"  Interval="3000" OnTick="saveTimer_Tick"></asp:Timer>
            <div id="savedDiv" runat="server" visible="false">
                <asp:Label ID="lblSaved" runat="server" Text="Auto-Save Successfull."></asp:Label>
            </div>
        <asp:AlwaysVisibleControlExtender ID="floatingSave" runat="server" 
        TargetControlID="savedDiv" ScrollEffectDuration=".1" HorizontalSide="Left" VerticalSide="Middle">
        </asp:AlwaysVisibleControlExtender>
    </ContentTemplate>
    </asp:UpdatePanel>

In the code behind:

  /// <summary>
        /// Handles the Tick event of the saveTimer control.
        /// </summary>
        /// <param name="sender">The source of the event.</param>
        /// <param name="e">The <see cref="System.EventArgs"/> instance containing the event data.</param>
        protected void saveTimer_Tick(object sender, EventArgs e)
        {
            if (this.savedDiv.Visible)
            {
                this.savedDiv.Visible = false;
                this.saveTimer.Interval = 300000;
            }
            else
            {              
                    if (SaveWhatEver())
                    {
                        this.savedDiv.Visible = true;
                        this.saveTimer.Interval = 4000;
                    }

                
            }
        }