隨機數抽獎

時間 2019-11-22

標籤隨機數抽獎简体版

原文原文鏈接

<body>
<div id="wrap">
<button id="btn">開始抽獎</button>
<ul id="ul1">
<li>鼠標</li>
<li>1000萬</li>
<li>100優惠卷</li>
<li>很遺憾</li>
<li>鍵盤</li>
<li>iphoneX</li>
<li>很遺憾</li>
<li>迪拜10日遊</li>
<li>很遺憾</li>
</ul>
</div>

<div id="tooltips">
<div id="info">
<div class="title">信息</div>
<div class="content" id="content">恭喜你，中獎了</div>
<div class="btn">
<button id="confirm">肯定</button>
</div>
</div>
</div>
<script type="text/javascript">
var oBtn = document.getElementById("btn")
var aLi = document.getElementsByTagName("li")
var num = 0 //第一次點擊抽獎結束時，num = 27，繼續點擊第二次時，num從27開始往上加1，
// console.log(randomInt)
var timer = null
var oContent = document.getElementById("content")
var oTooltips = document.getElementById("tooltips")
var oConfirm = document.getElementById("confirm")javascript

oBtn.onclick = function(){
var randomInt = getRandomInt(26,35)
console.log(randomInt)
clearInterval(timer)
timer = setInterval(function(){
changeColor(aLi,num%9)
num++ // num = 28,29,30,31,32,33,34,35,36,37,38,39,40,41,42
if(num>35){ ////getRandomInt最大值爲35，當var nowIndex = 35時，nowIndex++，會使nowIndex的數值大於getRandomInt的最大值，沒法執行下列語句
num = 0
}
if(num === randomInt){
clearInterval(timer)
changeColor(aLi,num%9)
console.log(aLi[randomInt].innerHTML)
if(aLi[num%9].innerHTML == "很遺憾"){
oContent.innerHTML = "很遺憾，您沒有中獎"
}else{
oContent.innerHTML = "恭喜你，你抽中了" + aLi[num%9].innerHTML
}
oTooltips.style.display = "block"java