任务提交实时进度条

2 篇文章 0 订阅
2 篇文章 0 订阅

/******************/

//进度条基础长度

var v=0;

var process=0;

 

//根据数值 ,涂进度条的长度

function setSB(v, el) {

    var ie5 = (document.all && document.getElementsByTagName);

    if (ie5 || document.readyState == "complete")     {

      filterEl = el.children[0];

      filterEl.style.width = v + "%";

  document.getElementById("sbone").innerHTML=v + "%";

    }

}

 

//循环 20s 执行 setSB

function fakeProgress() {

if ( v <= process){

    setSB(v, sb);

    window.setTimeout("fakeProgress(" + (++v) + ")", 20);

  }

}

//循环 ajax 往后台获取任务提交的进度

function loop(){

//ajax后台获取任务进度

$.ajax({ type: "POST", url: "*action",

success: function(process) {

window.setTimeout("error("+process+")",200);

}

});

}

 

// 循环 获取任务进度,刷新进度条,直到任务全部提交完成

function di(){

  if(process <100){

  loop();

window.setTimeout("di()",150);

  }else{

window.setTimeout("success()",1500);

  }

}

/*****************/

 

 

java:   线程提交任务

 

public class Line implements Runnable {

private int i=0;

public void run() { 

int i=0;

                while(i<100){

                    i++;

                   Thread.sleep(100

                 }

 

}

 

/**

* 返回任务 执行的 百分比

* @return

*/

public String getResult(){

 

   return i;

}

}

 

public String aa(){

// action中获取当前提交任务的数

   li = outWaitingImpl.commitAllTask(userId, queryParam);

  //返回 任务执行的 百分比

   tools.ajaxResult(li.getResult());

}

 

}

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值