淘汰賽js倒數計時器

Question

我一直在尋找一個樣品，爲淘汰賽js創建一個自定義倒數計時器綁定！

我發現這個問題jQuery countdown timer並使其適應Knockout Js。

Answer 1

HTML代碼：

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

在視圖模型

：限定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); 
    } 
};