CSS使用jQuery旋转

时间:2014-06-23 18:03:19

标签: jquery css rotatetransform

我试图用css rotate和jquery做一个时钟。旋转部分已完成,但现在我必须在时钟中旋转并在计算机用户时停止。

我不能做的部分是旋转并在正确的时间停止。我的代码现在是:

function horario(){
    var now = new Date();
    var hour = now.getHours();
    var minutes = now.getMinutes();

    var hourDegraus = hour * 30;
    var minuteDegraus = minutes * 6;

    $(".pont-hour").css({ WebkitTransform: 'rotate(' + hourDegraus + 'deg)'});
    $(".pont-hour").css({ '-moz-transform': 'rotate(' + hourDegraus + 'deg)'});
    $(".pont-hour").css({ 'transform': 'rotate(' + hourDegraus + 'deg)'});
    $(".pont-minutes").css({ WebkitTransform: 'rotate(' + minuteDegraus + 'deg)'});
    $(".pont-minutes").css({ '-moz-transform': 'rotate(' + minuteDegraus + 'deg)'});
    $(".pont-minutes").css({ 'transform': 'rotate(' + minuteDegraus + 'deg)'});
}

基本上,我想做一个旋转,最后指针在变量hourDegraus和minuteDegraus中停止。

知道我怎么做旋转吗?

0 个答案:

没有答案