6

ノックアウト js のカスタム カウントダウン タイマー バインディングを作成するサンプルを探していました。

この質問jQueryカウントダウンタイマーを見つけて、Knockout Jsに適応させました。

4

1 に答える 1

11

html コード:

<span data-bind="timer: $root.countDown">120</span>

viewModel で: countDown を定義します

countDown: ko.observable()

ノックアウト js カスタム バインディング:

ko.bindingHandlers.timer = {

    update: function (element, valueAccessor) {

        // retrieve the value from the span
        var sec = $(element).text();
        var timer = setInterval(function() { 

            $(element).text(--sec);
            if (sec == 0) {
                clearInterval(timer);
            }
        }, 1000);
    }
};
于 2013-07-04T14:57:22.300 に答える