检测javascript完成以显示/隐藏加载图标

时间:2013-08-08 01:42:58

标签: javascript jquery canvas

我用画布绘制图表:

var lg = new html5.graph.line //(just sample)
lg.draw(itemsReDraw, colorReDraw, line, param);

此行大约需要6秒,我想显示加载图标,当行完成时,加载图标将隐藏()

我找不到如何检测该线是否完成。

任何帮助或其他方式都会受到欢迎。

感谢您的帮助。

1 个答案:

答案 0 :(得分:1)

绘图功能不同步吗?你应该能够在draw(blah)之后立即在线上调用你想要的任何东西,它将在绘制完成后立即执行。如果你想稍微抽象一下,你可以在你的html5.graph.line.draw函数中添加一个名为“callback”的额外参数,并在draw命令之后立即执行这个回调。

html5.graph.line.draw = function (itemsReDrae, colorReDraw, line, param, callback) {
    //draw the line
    if (typeof (callback) == 'function') {
        callback();
    }
};

然后当你想使用绘图功能时,只需要包含一个回调。

//show the loading overlay
lg.draw(true, true, line, param, function () {
    //hide the loading overlay
    console.log('done!');
});