Jquery写的一个随机点名功能(带头像和选中功能)

经常能看到各种各样的滚动式抽奖,其实原理都是一样的就是一个随机点名。几个图片轮换。
今天正好师父需要弄这么个东西,参考http://www.qttc.net/2012024.html加了一点小功能。
具体代码

在线演示:blog.hhailuo.com/wp-content/uploads/html/run_random/run_random.html

var isRun=true;
 var a = [];
 for (var i = 0; i < 40; i++) {
 if (i < 9)
 a[i] = {name: "No." + i, 'face': 'face/m0' + (i+1) + '.gif'};
 else
 a[i] = {name: "No." + i, 'face': 'face/m' + (i+1) + '.gif'};
 }
 var a2 = new Array();
 function run(){
 var i = Math.floor(Math.random() * a.length+ 1)-1;
 var html = "<img src='" + a[i].face +"' width='80px' height='80px' /><p>" + a[i].name + "</p>"
 $("#show").html(html);
 $("#friend_list li").removeClass("show").eq(i).addClass("show");
 if(isRun==false){
 var b =true;
 for(var j in a2){
 if(a2[j]==i){
 b=false;
 }
 }
 if(b){
 a2[a2.length] = i;
 }
 return true;
 }
 setTimeout("run()",100);
 }
 $(function(){
 var friend_list_html = "<ul>";
 for (var i = 0; i < a.length; i++) {
 friend_list_html += "<li><img src='" + a[i].face +"'/><p>" + a[i].name + "</p></li>";
 };
 friend_list_html += "</ul>";
 $("#friend_list").html(friend_list_html);
 $("#bt").click(function(str){
 var s = $("#bt").val();
 if(s=="开始"){
 isRun=true;
 run();
 $("#bt").val("确定");
 }else{
 isRun=false;
 $("#bt").val("开始");
 setTimeout(function(){
 $("#friend_list li").eq(a2[a2.length-1]).addClass("show");
 }, 150);
 }
 });
})