jquery - 使用 jQuery 进行转换不起作用

Question

我正在尝试使用 jQuery 的动画转换作为时钟。但它不起作用..我编写了如下代码：

var now = new Date();
var hr = now.getHours();
var min = now.getMinutes();
var sec = now.getSeconds();
hr = hr % 12;
hr = hr * 30;
$('#hour').animate({
    step: function (hr) {
        $(this).css('-webkit-transform', 'rotate(' + hr + 'deg)');
    },
    duration: 10
}, 'linear');

有关更多信息，请参阅我的JSFiddle

Answer 1

您的参数顺序搞砸了，希望您正在寻找的是

$(document).ready(function () {
    var now = new Date();
    var hr = now.getHours();
    var min = now.getMinutes();
    var sec = now.getSeconds();
    hr = hr % 12;
    hr = hr * 30;
    $('#hour').animate({
        transform: hr
    }, {
        step: function (hr) {
            $(this).css('-webkit-transform', 'rotate(' + hr + 'deg)');
        },
        duration: 1000
    }, 'linear');
});

演示：小提琴