Секундомер Javascript в библиотеке Рафаэля не будет постоянно галочкой

Question

Я довольно новичок в Java и делаю часы частью моего курса Uni. Ive сделал тикер на маленьком лице, которое я хочу галочать в секунду, нажав на кнопки, однако рука только движется, когда я нажимаю на нее и не буду продолжать. Вот мой код:

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

Может кто-нибудь помочь, почему она не будет постоянно тикать после одного клика, а не мне приходится постоянно клеща. THANKS :)

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>