javascript - 应用程序完全加载时的 Phonegap

我正在尝试制作一个电池应用程序，它使用 Jquery 将电池电量从 0% 动画化到当前级别作为动画。

它正在工作，但是......当我的应用程序加载时，启动画面完成后，cordova 也已加载，动画几乎完成。我知道这是因为我将动画设置为 5 秒的唯一原因。

我想让它在加载应用程序时启动动画。

我不确定我所指的这个“状态”是否有一个直接的事件名称。所以如果我无法用真实的语言来描述它，我很抱歉。 :-)

考虑以下代码:

document.addEventListener("deviceready", onDeviceReady, false);

function onDeviceReady() {
    window.addEventListener("batterystatus", onBatteryStatus, false);
}

function onBatteryStatus(info) {
  $("div#status").animate({ width: bat + "%" }, 5000);
}

最佳答案

您可能需要考虑使用 PhoneGap Splashscreen 功能:

PhoneGap Splash Screen API Doc

您应该在 Java 端调用启动画面 (DroidGap)，并让 PhoneGap 在显示启动画面时在后台完成它自己的工作。包含相关代码的这篇博文应该可以帮助您解决问题:

Splash Screens in PhoneGap

现在应该发生的是 PhoneGap 将加载，然后您的初始屏幕将完整显示。希望这能解决你的问题!!

关于javascript - 应用程序完全加载时的 Phonegap，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/15362550/