javascript - 当我运行 animate 函数时没有任何反应，我能做些什么来解决这个问题？

Question

这是我的代码示例，尽管持续时间较长，但它会立即提醒我动画已完成。请帮帮我，我需要导入一个包吗？是不是持续时间不行了。它有点跳到最终值。

rectangle1 = new SMF.UI.Rectangle({
        left : "20%",
        top : "10%",
        width : "60%",
        height : "20%",
        fillColor : "#FF00FF"
    });
page1.add(rectangle1);
rectangle1.animate({
    property : 'top',
    endValue : "30%",
    motionEase : SMF.UI.MotionEase.BOUNCE,
    duration : 3000,
    onFinish : function () {
        alert("Animate Completed");
    }
});

Answer 1

您可以尝试在 pageshow 事件触发后制作动画。例如:

function page1_onShow() {

    setTimeout(animate,100)
}

function animate()
{
    rectangle1.animate({
        property : 'top',
        endValue : "30%",
        motionEase : SMF.UI.MotionEase.BOUNCE,
        duration : 3000,
        onFinish : function () {
            alert("Animate Completed");
        }
    });
}