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">
        <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>
        <asp:AlwaysVisibleControlExtender ID="floatingSave" runat="server" 
        TargetControlID="savedDiv" ScrollEffectDuration=".1" HorizontalSide="Left" VerticalSide="Middle">

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;
                    if (SaveWhatEver())
                        this.savedDiv.Visible = true;
                        this.saveTimer.Interval = 4000;