进度条

现在开始学习jquery easyui 做一些简单笔记，以防止自己忘掉。

View Code 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="../themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="../themes/icon.css">
<link rel="stylesheet" type="text/css" href="demo.css">
<script type="text/javascript" src="../jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="../jquery.easyui.min.js"></script>
<title>无标题文档</title>
<script type="text/javascript">
function test(){
var value = $('#p').progressbar('getValue');   
 if (value < 100){   
     value += Math.floor(Math.random() * 10);   
     $('#p').progressbar('setValue', value);
     setTimeout(arguments.callee, 200);   
 }  
 }
</script>
</head>

<body>
<div class="demo-tip icon-tip"></div>
<div id="p" class="easyui-progressbar" onclick="test()" style="width:400px;"></div>
<div><a class="easyui-linkbutton" onclick="test()" >test</a></div>  <!--有好多class的啊->
</body>

</html>

Math.floor(Math.random() * 10);

10表示一次进度多少值。10%

setTimeout(arguments.callee, 800); 

表示所用时间。

arguments.callee

posted on 2012-06-28 12:17  改改名  阅读(109)  评论(0)    收藏  举报

导航