knockout.js - 淘汰赛js倒计时

Question

我一直在寻找一个示例来为淘汰赛 js 创建自定义倒数计时器绑定！

我发现了这个问题jQuery countdown timer并将其改编为 Knockout Js。

Answer 1

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