中文字幕av专区_日韩电影在线播放_精品国产精品久久一区免费式_av在线免费观看网站

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

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

發布時間:2020-12-31 15:23:12 來源:億速云 閱讀:151 作者:Leah 欄目:開發技術

這篇文章將為大家詳細講解有關利用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怎么編寫一個隨機抽獎功能就分享到這里了,希望以上內容可以對大家有一定的幫助,可以學到更多知識。如果覺得文章不錯,可以把它分享出去讓更多的人看到。

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

广汉市| 梁平县| 苏尼特左旗| 西盟| 穆棱市| 房产| 平塘县| 南通市| 北安市| 理塘县| 郎溪县| 彭州市| 江阴市| 宜阳县| 日喀则市| 龙南县| 同心县| 门源| 宽城| 敖汉旗| 辽阳市| 鸡东县| 西华县| 淮阳县| 四川省| 安乡县| 焦作市| 高密市| 建瓯市| 闵行区| 晋州市| 三亚市| 海宁市| 石嘴山市| 仁化县| 青浦区| 安康市| 桦甸市| 新邵县| 南皮县| 孙吴县|