小编Wes*_*Wes的帖子

我正在制作一个网页,其中包含一个带箭头的时钟.当用户点击一小时时,箭头会旋转以指向他/她点击的内容.

我正在使用jQuery图像旋转插件(jQueryRotate)来旋转箭头.

以下是计算要旋转的度数的当前代码:

var numTiles = $("ul li").size(); // Number of tiles is however many are listed in the UL, which is 12  
var sel = 0; // Default hour selection  
var rot = 0; // Default rotation is at the top (0 degrees)  
var gap = 360 / numTiles; // Degrees between each tile

function rotateArrow(num) {  
  rot = num * gap;  
  $("#arrow").rotateAnimation(rot);  
  sel = num;  
}  

当用户单击其中一个小时时,它会将num作为值1到12传递.

它工作正常,但问题是如果箭头指向1点钟,并且用户点击11点钟,箭头顺时针旋转300度,此时逆时针旋转60度会更有意义.

那么,我怎么能写一个方程来取当前小时(num)和小时点击(sel),并输出一个正数或负数,它等于最有效的旋转度数,而不是只在一个方向旋转？

任何建议表示赞赏.如果您有任何疑问,请告诉我.谢谢!