jquery - デリゲートまたは関数でjquery setIntervalを使用する

Question

カード ジェネレーター用の動的サンプル オブジェクトを作成しようとしています。ここでの目標は、asp.net 更新パネル内で jquery カラー ピッカーを使用して色を選択することです。選択した色がカード フレーム (<div>オブジェクト) に表示されます。
いくつかの投稿で読んだように、更新を動的に保つ唯一の方法は、100ごとにsetIntervalタイマーを使用して、カラーピッカーで選択された色を更新することです。ピッカーは色をテキストボックスに渡すため、setIntervalは情報を読み取り、カードの色を更新します。
これは正常に動作するコードです:

$(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);
    });

DOM は次のようになります。

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>

これは、更新パネルが更新されるまで正常に機能し、再生成されるため失われます。そのため、delegate() または on() 関数を使用する必要がありますが、私の試みはすべて無駄でした。上記の設定間隔関数でデリゲートまたは関数を実装するにはどうすればよいですか? ありがとう！