JS异步编程四：Jscex+jQ打造游戏力度条(1)(2)

时间:2013-03-06 14:58来源:未知作者:admin 点击: 次

分享到：

var executeAsync=eval(Jscex.compile( async , function (proceedValues){ while (proceedValues100){ proceedValues++; $await(Jscex.Async.sleep(10)); $( .progressbar ).progressbar({ value:proceedValues });

var executeAsync = eval(Jscex.compile("async", function (proceedValues) {  
        while (proceedValues < 100) {  
            proceedValues++;  
            $await(Jscex.Async.sleep(10));  
            $(".progressbar").progressbar({  
                value: proceedValues  
            });  
            if (proceedValues == 100) {  
                while (proceedValues > 0) {  
                    proceedValues--;  
                    $await(Jscex.Async.sleep(10));  
                    $(".progressbar").progressbar({  
                        value: proceedValues  
                    });  
                }  
            }  
        }  
}));

这样相当于永远跳不出最外层的proceedValues < 100,所以也会无限循环下去。

<!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> 
<title></title> 
</head> 
<body> 
<script src="http://files.cnblogs.com/iamzhanglei/jscex.min.js" type="text/javascript"></script> 
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/base/jquery-ui.css" type="text/css" media="all" /> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script> 
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js" type="text/javascript"></script> 
<script> 
$(function () {  
$("#progressbar3").progressbar({  
value: 37  
});  
});  
</script> 
<div class="demo"> 
<div id="progressbar3" style="width:200px"></div> 
</div><!-- End demo --> 
<script> 
var executeAsync21 = eval(Jscex.compile("async", function (proceedValues) {  
while (true) {  
while (proceedValues < 100) {  
proceedValues++;  
$await(Jscex.Async.sleep(100));  
$("#progressbar3").progressbar({  
value: proceedValues  
});  
}  
//if (proceedValues == 100) {  
while (proceedValues > 0) {  
proceedValues--;  
$await(Jscex.Async.sleep(100));  
$("#progressbar3").progressbar({  
value: proceedValues  
});  
}  
//}  
}  
}));  
executeAsync21(38).start();  
</script> 
</body> 
</html>