效果图：
代码如下：
随机抽奖 抽奖了
开始抽奖
停止抽奖
恭喜你获得了：
《script》 var arr=["三星","苹果","华为·荣耀","小米","魅族","中兴·努比亚","酷派","vivo（蓝厂）","oppo(绿厂)"]; //循环添加的数组 var lieshu=3;//列数 console.log(arr.length); console.log("可以分："+arr.length/lieshu+"行"); for(var i=0;i"+ arr[i*lieshu+j]+""); /* document.write 网页内写文件 i*lieshu+j 为个数 * (j*110+500) 110 为列边距 500为整个表格；列偏移 * (i*40+300) 40 行间距 300为整个表格；列偏移 * * */ } } } var bs=-1;//用于循环过后变色 var t; function ks(){ /* 开始变色的方法*/ if(bs!=-1){ document.getElementById("jiang"+bs).style.background="#ff3030"; } var shuijisu=Math.floor(Math.random()*arr.length);//生成arr.length个 随机数向下取证 document.getElementById("jiang"+shuijisu).style.background="#3500cc"; bs =shuijisu;//shuijisu 代指添加元素的下表 t =setTimeout("ks()",100); }function gb() { clearTimeout(t); document.getElementById("tx").innerHTML =document.getElementById("jiang"+bs).innerHTML;//修改id="tx"类的值}《script》
以上就是js实现抽奖效果的图文代码分享的详细内容，更多请关注 第一PHP社区 其它相关文章！
