电话间隙和Jquery - 自定义进度条

发布于 2024-12-09 08:49:01 字数 612 浏览 0 评论 0原文

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

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

谢谢。

原文

since PhoneGap doesn't support sql migration yet and android doesn't support html5 progress tag yet, I decided to create my own, problem is I don't know how to do it.

I wanted to populate sql table with progress bar, informing the user how many done and how much left to do.

Here's what it should look like:

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

Apologies if am not making any sense.

Thanks.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

微凉 2024-12-16 08:49:01

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

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

请告诉我这是否对您有帮助

亲切的问候，

总结

Below is the Progress Bar code that we can use.

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

You can import the JS and CSS file given on the link above and then you can use the below code on 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);
          }
        }

This will move the progress with the increment of five after delay of half second. You can modify it as per the need.

Please let me know if this helps you

Kind Regards,

Summved

回复收藏 0 原文

~没有更多了~