라파엘 라이브러리의 Javascript 스톱워치가 계속 눈에 띄지 않습니다.

Question

저는 자바를 처음 사용하고 제 유니 코스의 일부로 시계를 제작하고 있습니다. Ive는 버튼을 클릭하여 작동하는 초당 라운드를 체크하고 싶은 작은 얼굴에 티커를 만들었지 만, 손을 클릭하면 계속 이동하고 계속 진행하지 않습니다. 여기 내 코드는 다음과 같습니다.

sbutton1.click(function(){ 
stoshand.animate({transform: [ 'r',tick,250,345]}) 
tick=tick+6; 
}, 500); 
sbutton2.click(function(){ 
stoshand.stop(); 
}); 

아무리 지속적으로 진드기를 지킬 필요가 없는데, 한 번의 클릭으로 계속 틱하지 않는 이유에 대해 도움을 줄 수 있습니까? 감사합니다.

Answer 1

이렇게하면 코딩을 시작하는 데 도움이됩니다. 애니메이션은 제외되어 있지만 시계 틱을 어떻게 할 수 있는지 보여줍니다.

시계 콜백에 코드를 추가하기 만하면 매초마다 업데이트됩니다.

아래의 데모를 참조하십시오. 여기는 jsFiddle입니다.

var interval; 
 

 
var watch = function() { 
 
    $watch = $('#watch'); 
 
    $watch.html(new Date()); 
 
}; 
 

 
$('#startCounter').click(function() { 
 
    watch(); //call manually to display time now; 
 
    interval = setInterval(watch, 1000);  
 
}); 
 

 
$('#stopCounter').click(function() { 
 
    clearInterval(interval); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<a id="startCounter" href="#">start</a> 
 
<a id="stopCounter" href="#">stop</a> 
 

 
<div id="watch"></div>