利用javascript怎么編寫一個隨機抽獎功能

這篇文章將為大家詳細講解有關利用javascript怎么編寫一個隨機抽獎功能，文章內容質量較高，因此小編分享給大家做個參考，希望大家閱讀完這篇文章后對相關知識有一定的了解。

首先創建一個數組用于存放抽獎的參與者：

var arr=['張三','波波','kk','莉莉','張三豐','劉德華','周杰困','你那兒','zhere','好的'];

給開始和結束按鈕div添加點擊事件：

//添加點擊開始則開始循環播放
document.getElementById("start").addEventListener("click",va);
//點擊停止則停止播放并顯示恭喜中獎
document.getElementById("end").addEventListener("click",function (){
  count++;
  clearTimeout(i);
  var name=arr[thisone];
  arr.splice(thisone,1);
  var get=document.getElementById("get");
  get.innerHTML=get.innerHTML+'<br>';
  get.innerText=get.innerText+`${count}. `+name;
})

用setTimeout實現循環事件，每隔100毫秒就執行一次循環，隨機得到存放參與者的數組的長度之間的隨機數，不斷修改innerText實現用戶滾動效果：

//循環事件
function va(){
  let num=arr.length;
  console.log(num);
  if(num===0){
    clearTimeout(i);
    //移除開始事件
    document.getElementById("start").removeEventListener("click",va);
    document.getElementById("show").innerText="沒有了";
    return;
  }
  setTimeout("show()",100);
}

//獲得當前名字下標
function getindex() {
  return parseInt(Math.random()*arr.length);
}
//循環播放列表
function show(){
  thisone=getindex();
  document.getElementById("show").innerText=arr[thisone];
  i=setTimeout("show()",100);
}

關于利用javascript怎么編寫一個隨機抽獎功能就分享到這里了，希望以上內容可以對大家有一定的幫助，可以學到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。