JQuery旋转添加延迟

时间:2012-09-05 10:51:17

标签: jquery rotation delay

我正在尝试为旋转添加延迟,虽然它似乎没有效果。

水龙头应在图像滑入的同时旋转。

网址:http://dev.rapweb.co.uk/jln/index.htm

非常感谢任何帮助。

var rotation = function() {
    $("#coldTap").delay(1000).rotate({
        angle: 0,
        animateTo: -720,
        easing: function(x, t, b, c, d) {
            // t: current time, b: begInnIng value,
            // c: change In value, d: duration
            return c * (t / d) + b;
        }
    });
    $("#hotTap").delay(1000).rotate({
        angle: 0,
        animateTo: -720,
        easing: function(x, t, b, c, d) {
            // t: current time, b: begInnIng value,
            // c: change In value, d: duration
            return c * (t / d) + b;
        }
    });
}

$(document).ready(function() {
    $("#plumbingServices").animate({
        opacity: "1.0"
    }, "fast") <!-- Plumbing Services Fade In -->
    $("#plumbingServices").ready(rotation)
    $("#plumbingServices").delay(1000).animate({
        right: "0"
    }, "slow", function() { <!-- Plumbing Services Slide In -->
        $("#plumbingServices").ready(carouselLoop)
    });
});​

1 个答案:

答案 0 :(得分:0)

通过在调用旋转的函数上设置Timeout,我设法解决了这个问题。 setTimeout("$('#plumbingServices').ready(rotation)", 1000);感谢任何花时间看这个的人。