Question

我正在使用jQuery Rotating Elements，除了用户必须点击以便框旋转之外，它正在完成我正在寻找的东西。我希望盒子每隔x秒顺时针自动旋转。我不打算复制所有代码，因为它可以在上面的链接上免费下载，您可能会看到它应用于我的网站here。

在jquery.aperture.js文件中，我看到了

    triggerRotation : function($imgBox, $rsRow) {
        $('body')
        .on('click touchstart', '#aperture-rotate-cw:not(.anim-running)', function() {
            var $trigger = $(this);
            $trigger.addClass('anim-running');

            $imgBox
            .stop(true, true)
            .each(function(i) {
                var $thisIb = $(this),
                    leftTo = $thisIb.attr('data-cw-left-to'),
                    topTo = $thisIb.attr('data-cw-top-to');

                $thisIb
                .animate({
                    left : leftTo,
                    top : topTo,
                }, methods.settings.duration, methods.settings.easing, function() {
                });
            })
            .promise()
            .done(function() {
                methods.setTargetPosition($rsRow);
                $trigger.removeClass('anim-running');
            });
        });

我觉得如果它是.on（'load'）而不是.on（'click touchstart'）我可能在正确的部分，但老实说我不知道我需要改变什么来实现这一点我喜欢的方式。

我们非常感谢您的帮助，如果需要，我很乐意提供更多详细信息。

Answer 1

你必须像这样使用setTimeout函数：

setTimeout(function() {

      // Call your rotating function

}, desiredTimeInMilliseconds);

在页面加载时顺时针旋转元素

1 个答案: