javascript - Phonegap & Jquery - 自定义进度条

Question

由于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');
}

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

谢谢。

Answer 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 的增量移动进度。您可以根据需要进行修改。

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

亲切的问候，

总结