拉斐爾圖書館的JavaScript秒錶不會連續打勾

我對Java很陌生，並且正在製作一部手錶作爲我的Uni課程的一部分。我已經在一個小臉上做了一個自動收報器，我想通過點擊按鈕來操作，但是隻有當我點擊它時，手纔會移動並且不會繼續。這是我的代碼：拉斐爾圖書館的JavaScript秒錶不會連續打勾

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

任何人都可以幫助爲什麼它不會連續打勾後，而不是連續打勾。感謝:)

來源

2015-02-05 francis Smith

您沒有任何形式的循環或有反覆。我將Date作爲一個函數，並根據分鐘旋轉分鐘，也許以反彈緩動，將其彈出到setInterval/setTimeout/setAnimation框架類型回調中。 – Ian 2015-02-06 08:43:42

這應該可以幫助您開始編碼。這是沒有動畫，但它顯示了你如何做時鐘滴答。

只需將您的繪圖代碼添加到手錶回調中，它就會每秒更新一次。

看到下面的演示，它也在這裏在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>

來源

2015-02-05 21:24:06 AWolf

拉斐爾圖書館的JavaScript秒錶不會連續打勾

回答

相關問題