欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

js簡(jiǎn)單抽獎(jiǎng)代碼

 更新時(shí)間：2015年01月16日 17:42:56   投稿：mdxy-dxy  
年底了各個(gè)公司都有抽獎(jiǎng)活動(dòng)，我也寫了一個(gè)超級(jí)簡(jiǎn)單的代碼來(lái)實(shí)現(xiàn)抽獎(jiǎng)效果，這里沒(méi)有華麗的Css3效果，但卻有短小精悍的js代碼。

核心：js的Math對(duì)象和Array對(duì)象

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>random</title>
 <style>
  #awardListDom{width: 100%;}
 </style>
</head>
<body>
 <label for="awardListDom">獎(jiǎng)項(xiàng)列表</label><br>
 <input type="text" value="" id="awardListDom"> <br>
 <label for="num">抽到的獎(jiǎng)</label><br>
 <input type="text" value="" id="num"> <br>
 <button id="submit">開(kāi)始抽獎(jiǎng)</button>
 <script>
  /* 
  * 思路：隨機(jī)抽獎(jiǎng)，抽一個(gè)獎(jiǎng)項(xiàng)便減少一個(gè)
  * Math 對(duì)象方法：http://www.w3school.com.cn/jsref/jsref_obj_math.asp
  *  -random():返回 0 ~ 1 之間的隨機(jī)數(shù)。
  *  -floor():獲取整數(shù)
  * 數(shù)組操作：
  *  - splice(x,y); x:起始位置， y:獲取并刪除個(gè)數(shù)
  */

  function random(min,max){
    return Math.floor(min+Math.random()*(max-min));
  }
  var awardListDom=document.getElementById("awardListDom"),
  num=document.getElementById("num"),
  submit=document.getElementById("submit");
  var awardList=["一等獎(jiǎng)","二等獎(jiǎng)","二等獎(jiǎng)","三等獎(jiǎng)","三等獎(jiǎng)","三等獎(jiǎng)","鼓勵(lì)獎(jiǎng)","鼓勵(lì)獎(jiǎng)","鼓勵(lì)獎(jiǎng)","鼓勵(lì)獎(jiǎng)","謝謝參與","謝謝參與","謝謝參與","謝謝參與","謝謝參與","謝謝參與"];

  awardListDom.value=awardList;
  submit.onclick=function(){
   //引用數(shù)組
   var oldArray=awardList;
   var rNum=random(0,oldArray.length);
   
   if(oldArray.length<1){
    awardListDom.value="活動(dòng)結(jié)束";
    num.value="活動(dòng)結(jié)束";
   }
   else{
    num.value=oldArray[rNum];
    oldArray.splice(rNum,1);
    awardListDom.value=oldArray;
   }
  }
 </script>
</body>
</html>

demo:http://demo.jb51.net/js/2015/choujiang/

github:https://github.com/litengdesign/award

相關(guān)文章

最新評(píng)論