Raphael 库中的 Javascript 秒表不会连续打勾答案

【问题标题】：Javascript Stopwatch in Raphael Library won't continuously tickRaphael 库中的 Javascript 秒表不会连续打勾
【发布时间】：2015-02-05 21:10:04
【问题描述】：

我对 Java 很陌生，正在制作手表作为我的 Uni 课程的一部分。我在一张小脸上做了一个自动收报机，我想通过单击按钮来每秒打勾，但是只有当我单击它时手才会移动并且不会继续。这是我的代码：

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

任何人都可以帮助解释为什么它不会在单击后连续打勾，而不是我必须不断打勾。谢谢:)

【问题讨论】：

那里没有任何形式的循环或重复。我会将日期作为函数获取，并根据分钟旋转分钟，可能带有反弹缓动，将其弹出到 setInterval/setTimeout/setAnimation 帧类型回调中。

标签： javascript jquery-animate raphael stopwatch ticker

【解决方案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>

【讨论】：