녹아웃 js 카운트 다운 타이머

Question

녹아웃 js에 대한 맞춤 카운트 다운 타이머 바인딩을 만드는 샘플을 찾고있었습니다!

이 질문은 jQuery countdown timer이며 Knockout Js에 맞게 수정했습니다.

Answer 1

HTML 코드 : 뷰 모델에서

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

: 정의 카운트

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