Phonegap & Jquery - 自定义进度条答案

【问题标题】：Phonegap & Jquery - Custom progress barPhonegap & Jquery - 自定义进度条
【发布时间】：2011-10-12 15:28:17
【问题描述】：

由于PhoneGap还不支持sql迁移，android也不支持html5进度标签，所以我决定自己创建，问题是我不知道怎么做。

我想用进度条填充 sql 表，通知用户完成了多少，还有多少要做。

它应该是这样的：

function injectSql() {

    // lineToUse =  sql query()  
    // lineToUse =  sql query()
    // and so on.  I don't want to use var as there are plenty of this injections and it'll crash the phone.
    return LineToUse;
}

function sqlCounter() {

   var injThisLine = injectSql(lineToUse);

   db.transaction (
     function(t){
       db.executeSql(injThisLine);
     });

   alert (injThisLineKey + 'out of nn');
}

抱歉，如果我没有任何意义。

谢谢。

【问题讨论】：

标签： javascript sql cordova

【解决方案1】：

下面是我们可以使用的进度条代码。

http://docs.jquery.com/UI/Progressbar

您可以导入上面链接中给出的 JS 和 CSS 文件，然后您可以在 Android WebApp 上使用以下代码。

    $(function() {

        $("#progressbar").progressbar({ value: 10 });
        setTimeout(updateProgress, 500);

        });

        function updateProgress() {
          var progress;
          progress = $("#progressbar")
            .progressbar("option","value");
          if (progress < 100) {
              $("#progressbar")
                .progressbar("option", "value", progress + 5);
              setTimeout(updateProgress, 500);
          }
        }

这将在延迟半秒后以 5 的增量移动进度。您可以根据需要进行修改。

如果这对你有帮助，请告诉我

亲切的问候，

求和

【讨论】：