1

時計に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を参照してください

4

1 に答える 1

6

パラメータの順序がめちゃくちゃです。うまくいけば、探しているものは

$(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');
});

デモ:フィドル

于 2013-09-27T10:04:17.977 に答える