首頁 > 開發者 > JavaScript
開始抽獎 停止抽獎
Code:
<body>
<div style="width:365px;height:180px;border:2px solid green" id="names">
<script>
for(var i=1;i<=40;i++){
document.write('<div style="width:45px;height:35px;background:#ccc;float:left;border:2px solid white;text-align:center;padding-top:7px;">'+ i +'</div>')
}
</script>
</div>
<a href="javascript:oaction()" style="margin:5px;" >開始抽獎</a>
<a href="javascript:clearInterval(sh)" style="margin:5px;" >停止抽獎</a>
<script>
var names = document.getElementById("names").getElementsByTagName("div");
var length = names.length;
var oldNum = 0;
var sh;
function run(){
var num = Math.floor((Math.random()*40));
names[oldNum].style.background = "#ccc";
oldNum = num;
names[num].style.background="green";
}
function oaction(){
sh=setInterval(run,10)
}
</script>
</body>
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
