进度条与执行过程

<!DOCTYPE html>
<html>
<head>

<meta charset="gb2312">
   <title>Client
Side Pagination - jQuery EasyUI Demo</title>

<link href="../themes/icon.css" rel="stylesheet" />

<link href="../themes/default/easyui.css" rel="stylesheet"
/>
    <link href="../src/demo.css" rel="stylesheet"
/>
    <script src="../comjs/jquery-1.8.0.min.js"
type="text/javascript"></script>


<script src="../comjs/jquery.easyui.min.js"
type="text/javascript"></script>
<body>

<h2>Client Side Pagination</h2>
    <div
title="执行程序" id="dialogs" class="easyui-window"
style="width:500px;height:auto;">

<textarea id="txtArea"style="color:#0094ff; width:500px;
height:300px;background-image:url(‘comjs/70bOOOPIC07_202.jpg‘)">ddf</textarea>

</div>
       <div style="margin:10px
0;">
       <a href="#"
class="easyui-linkbutton" onclick="start()">Start</a>

</div>
   <div id="p"
class="easyui-progressbar" style="width:400px;"></div>

<script>
        var cc =
0;
        var counts = 0;

     var percent;

var rows = [];
        function start()
{


         //aa();

         hha();

         var value =
$(‘#p‘).progressbar(‘getValue‘);

         if (value < 100)
{

             //value
+= Math.floor(Math.random() * 10);


//percent =Math.floor( cc / counts);

             if
(percent>=0.99) {


percent = 1;


$(‘#p‘).hide();


}




$(‘#p‘).progressbar(‘setValue‘,Math.floor( percent*100));


setTimeout(arguments.callee, 0.01);

         }

     };

</script>

   <div
class="demo-info">
       <div
class="demo-tip icon-tip"></div>

<div>This sample shows how to implement client side pagination in
DataGrid.</div>
   </div>

<div style="margin:10px 0;"></div>


   <script
type="text/javascript">


     var rows = [];


        function hha() {




$("#txtArea").val("");


for (var i = 0; i < 5;i++)
{



var Midval =$("#txtArea").val() + rows.rows[cc + i].mId + "\t" + rows.rows[cc +
i].mName + "\t" + rows.rows[cc + i].mIsDel + "\t" + rows.rows[cc + i].mAddtime +
"\n";





$("#txtArea").val(Midval);

$("#txtArea").val().replace(/\n/g,
"<br/>");

}
            percent =( cc
/
counts);

if (cc < rows.rows.length)
{

cc = cc +
1;

}


        }


     function aa() {


         setInterval("hha()",
0.2);
        }

         $(function () {


$.ajax({//‘datagrid_data.aspx‘,


url: ‘Data.ashx‘,


type: "get",


async: false,



dataType: "json",


data: ‘id=‘ + Math.random(),


success: function (json) {


rows = json;


counts = rows.rows.length;



},


error: function (xhr, status, errorThrown) {



alert("errorThrown=" + errorThrown);


}


});









        });



</script>
</body>
</html>

进度条与执行过程,布布扣,bubuko.com

时间： 2024-10-11 03:05:37

进度条与执行过程

进度条与执行过程的相关文章

SS3可按进度变色的进度条

CSS3可按进度变色的进度条

Android自定义控件：进度条的四种实现方式

Android自己定义控件：进度条的四种实现方式

Android自定义控件：进度条的四种实现方式（Progress Wheel的解析）（源码 + Demo）

MediaPlayer音乐播放器、上一首、下一首、播放、停止、自动下一首、进度条

Unity3D 场景切换加载进度条实现

EasyUI添加进度条

mysql（1）—— 详解一条sql语句的执行过程