拉斐尔图书馆的Javascript Stopwatch赢得't连续滴答作响

Javascript Stopwatch in Raphael Library won't continuously tick

本文关键字:连续 滴答 赢得 图书馆 Stopwatch Javascript      更新时间:2023-09-26

我是Java的新手,我正在制作一块手表作为我的Uni课程的一部分。我在一个小脸上做了一个股票行情器,我想通过点击按钮每秒打一圈,但只有当我点击它时,手才会移动,不会继续。这是我的代码:

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

有人能帮我解释一下为什么它一次点击后就不会持续勾选,而不是我必须持续勾选。谢谢:)

这将有助于您开始编码。它没有动画,但它展示了你如何做到时钟滴答作响。

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

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