用Javascript輕松制作一套簡(jiǎn)單的抽獎(jiǎng)系統(tǒng)
更新時(shí)間：2006年12月18日 00:00:00 作者：
作者：jegg
年底將至，許多公司忙著搞年會(huì)，會(huì)上一般都會(huì)有一些抽獎(jiǎng)活動(dòng)，下面的程序就是用javascript 寫(xiě)的一個(gè)簡(jiǎn)單的抽獎(jiǎng)系統(tǒng)與大家共享。
此代碼借鑒了網(wǎng)上的一些網(wǎng)友的代碼，又加上了一些諸如不重復(fù)抽獎(jiǎng)之類(lèi)的改進(jìn)。大概思路如下：
1.將所有的的抽獎(jiǎng)數(shù)據(jù)（這里為手機(jī)號(hào)碼）存入數(shù)組中。
2.使用random 函數(shù)隨機(jī)產(chǎn)生該數(shù)組的INDEX
3.使用setInterval 函數(shù)以極短的時(shí)間間隔產(chǎn)生該數(shù)組隨機(jī)INDEX所對(duì)應(yīng)的手機(jī)號(hào)碼，并顯示。
4.使用removeEleAt（index）函數(shù)刪除隨機(jī)產(chǎn)生過(guò)的手機(jī)號(hào)碼。并且重新組織生成剩余的手機(jī)號(hào)碼為一個(gè)新的數(shù)組，為下次使用。
使用方法：
將以下原代碼拷到寫(xiě)字板上，然后將txt屬性該成html即可。如果出現(xiàn)顯示亂碼，請(qǐng)改變網(wǎng)頁(yè)編碼（查看--編碼）。
原代碼如下：
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
年底將至，許多公司忙著搞年會(huì)，會(huì)上一般都會(huì)有一些抽獎(jiǎng)活動(dòng)，下面的程序就是用javascript 寫(xiě)的一個(gè)簡(jiǎn)單的抽獎(jiǎng)系統(tǒng)與大家共享。
此代碼借鑒了網(wǎng)上的一些網(wǎng)友的代碼，又加上了一些諸如不重復(fù)抽獎(jiǎng)之類(lèi)的改進(jìn)。大概思路如下：
1.將所有的的抽獎(jiǎng)數(shù)據(jù)（這里為手機(jī)號(hào)碼）存入數(shù)組中。
2.使用random 函數(shù)隨機(jī)產(chǎn)生該數(shù)組的INDEX
3.使用setInterval 函數(shù)以極短的時(shí)間間隔產(chǎn)生該數(shù)組隨機(jī)INDEX所對(duì)應(yīng)的手機(jī)號(hào)碼，并顯示。
4.使用removeEleAt（index）函數(shù)刪除隨機(jī)產(chǎn)生過(guò)的手機(jī)號(hào)碼。并且重新組織生成剩余的手機(jī)號(hào)碼為一個(gè)新的數(shù)組，為下次使用。
使用方法：
將以下原代碼拷到寫(xiě)字板上，然后將txt屬性該成html即可。如果出現(xiàn)顯示亂碼，請(qǐng)改變網(wǎng)頁(yè)編碼（查看--編碼）。
原代碼如下：
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
您可能感興趣的文章:
- 原生js實(shí)現(xiàn)簡(jiǎn)易抽獎(jiǎng)系統(tǒng)
- JavaScript實(shí)現(xiàn)簡(jiǎn)單抽獎(jiǎng)系統(tǒng)
- 基于JavaScript實(shí)現(xiàn)抽獎(jiǎng)系統(tǒng)
- 慕課網(wǎng)題目之js實(shí)現(xiàn)抽獎(jiǎng)系統(tǒng)功能
- JavaScript-定時(shí)器0~9抽獎(jiǎng)系統(tǒng)詳解（代碼）
- js組件SlotMachine實(shí)現(xiàn)圖片切換效果制作抽獎(jiǎng)系統(tǒng)
- 基于javascript實(shí)現(xiàn)簡(jiǎn)單的抽獎(jiǎng)系統(tǒng)
- javascript實(shí)現(xiàn)可鍵盤(pán)控制的抽獎(jiǎng)系統(tǒng)
- js實(shí)現(xiàn)簡(jiǎn)單的抽獎(jiǎng)系統(tǒng)
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了JavaScript錯(cuò)誤處理和堆棧追蹤的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-04-04
微信小程序基于slider組件動(dòng)態(tài)修改標(biāo)簽透明度的方法示例
這篇文章主要介紹了微信小程序基于slider組件動(dòng)態(tài)修改標(biāo)簽透明度的方法,可通過(guò)slider組件拖動(dòng)實(shí)現(xiàn)圖片透明度的改變功能,涉及微信小程序事件綁定、base64格式圖片載入及slider組件使用技巧,需要的朋友可以參考下2017-12-12
阻塞渲染就是在頁(yè)?中我們通常會(huì)引?外部?件，?瀏覽器在解析HTML頁(yè)?是從上到下依次解析、渲染，如果<head>中引?了?個(gè)a.js?件，?這個(gè)?件很?或者有問(wèn)題，需要2秒加載，那么瀏覽器會(huì)停?渲染頁(yè)?，2秒后加載完成才會(huì)繼續(xù)渲染，這個(gè)就是阻塞2022-06-06
js重寫(xiě)alert控件(適合學(xué)習(xí)js的新手朋友)
這篇文章主要介紹js重寫(xiě)alert控件的過(guò)程比較適合學(xué)習(xí)js的新手朋友,需要的朋友可以參考下2014-08-08
這篇文章主要介紹了ES10 特性的完整指南小結(jié)，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2019-03-03
這篇文章主要介紹的是通過(guò)js簡(jiǎn)單實(shí)現(xiàn)交換Li的值,需要的朋友可以參考下2014-05-05
將string解析為json的幾種方式小結(jié),需要的朋友可以參考下。2010-11-11
讓 IE6 及其以下版本支持 CSS 中 min/max-width/height 屬性2010-06-06
JavaScript數(shù)組合并的8種常見(jiàn)方法小結(jié)
項(xiàng)目過(guò)程中經(jīng)常會(huì)遇到 JS 數(shù)組合并的情況,時(shí)常為這個(gè)糾結(jié),這里整理一下,下面這篇文章主要給大家介紹了關(guān)于JavaScript數(shù)組合并的8種常見(jiàn)方法,需要的朋友可以參考下2022-11-11
JavaScript中if、else?if、else和switch的語(yǔ)法、用法及注意事項(xiàng)
這篇文章主要介紹了JavaScript中的條件判斷語(yǔ)句,包括if、elseif、else和switch的基本語(yǔ)法、用法及注意事項(xiàng),通過(guò)這些語(yǔ)句,可以根據(jù)不同的條件執(zhí)行相應(yīng)的代碼塊,文中通過(guò)代碼介紹的非常詳細(xì),需要的朋友可以參考下2025-04-04