asp.net - using jquery setInterval with delegate or on function -

asp.net - using jquery setInterval with delegate or on function -

i trying create dynamic sample object card generator. goal here using jquery color picker within asp.net update panel pick color , chosen color appear on card frame (a <div> object). read in several posts, way maintain refresh dynamic using setinterval timer each 100 update color selected in color picker, since picker passes color textbox, setinterval reads info , updates color of card. code, works fine:

$(document).ready(function () { setinterval(function () { var cant = $('input[id$="txtcolorfuente"]').val().length; if (cant >= 6) { $('div[id$="divmarco"]').css("color", "#" + $('input[id$="txtcolorfuente"]').val()); } cant = $('input[id$="txtcolorfondo"]').val().length; if (cant >= 6) { $('div[id$="divmarco"]').css("background-color", "#" + $('input[id$="txtcolorfondo"]').val()); } }, 100); });

the dom goes this:

masterpage, body, content(inner page), <asp:updatepanel runat="server" id="updatepanel1" updatemode="conditional"> <contenttemplate> <section class="adminformleft"> <asp:label id="lblresult" cssclass="message-error" runat="server" text=""></asp:label> <ul> <li class="labelform">color de fondo<br /> <asp:textbox id="txtcolorfondo" maxlength="6" runat="server"></asp:textbox><br /></li> <li class="labelform">color de fuente<br /> <asp:textbox id="txtcolorfuente" maxlength="6" runat="server"></asp:textbox><br /></li> </ul> </section> </contenttemplate> <triggers> //my triggers here </triggers> </asp:updatepanel>

this works fine, until update panel refreshes, lost, because it's re-generated, have utilize delegate() or on() functions, tries has been in vain. ¿how can implement delegates or on function on set interval function above? thanks!

jquery asp.net updatepanel setinterval