ノックアウト js のカスタム カウントダウン タイマー バインディングを作成するサンプルを探していました。
この質問jQueryカウントダウンタイマーを見つけて、Knockout Jsに適応させました。
ノックアウト js のカスタム カウントダウン タイマー バインディングを作成するサンプルを探していました。
この質問jQueryカウントダウンタイマーを見つけて、Knockout Jsに適応させました。
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);
}
};