拉斐尔图书馆的Javascript秒表不会连续打勾

时间:2015-02-05 21:10:05

标签: javascript jquery-animate raphael stopwatch ticker

我对Java非常陌生,并且正在将手表作为我的Uni课程的一部分。我在一张小脸上做了一个自动收报机,我希望通过点击按钮每秒操作一圈,但是只有当我点击它并且不能继续时它只会移动。这是我的代码:

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

任何人都可以帮助解决为什么它在一次点击后不会连续打勾,而不是我不得不连续打勾。谢谢:)

1 个答案:

答案 0 :(得分:0)

这可以帮助您开始编码。它没有动画,但它显示了你如何做时钟滴答。

只需将您的绘图代码添加到手表回调中,它就会每秒更新一次。

请参阅下面的演示,它也在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>