資源描述：
《javascript實(shí)現(xiàn)可鍵盤(pán)控制的抽獎(jiǎng)系統(tǒng)_javascript技巧》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在工程資料-天天文庫(kù)。
1、javascript實(shí)現(xiàn)可鍵盤(pán)控制的抽獎(jiǎng)系統(tǒng)制作一個(gè)簡(jiǎn)易的抽獎(jiǎng)系統(tǒng)！歡迎大家學(xué)習(xí)！蘋(píng)果Mac筆記本開(kāi)始停止JS原理：建立一個(gè)數(shù)組用來(lái)存儲(chǔ)抽獎(jiǎng)內(nèi)容，例如iphone6等，當(dāng)點(diǎn)擊開(kāi)始的時(shí)候，開(kāi)啟定時(shí)器，產(chǎn)生一個(gè)隨機(jī)數(shù)，把對(duì)應(yīng)文本的inncrllTML改成數(shù)組所對(duì)應(yīng)的內(nèi)容。如果想讓某個(gè)抽獎(jiǎng)兒率變高，可以讓數(shù)組中某個(gè)值重復(fù)次數(shù)多點(diǎn)。接下來(lái)看代碼。、JavaScript代碼window.onload=function(){vardata=[〃iphone6splus",〃蘋(píng)果Mac筆記本〃，〃美的洗衣機(jī)〃，〃凌美鋼筆"，〃謝謝參與〃，〃索尼入耳式耳機(jī)〃，〃雷柏機(jī)械鍵盤(pán)〃，"《javaS
2、cript高級(jí)程序設(shè)計(jì)》〃精美保溫杯〃，〃維尼小熊一只〃，〃500元中國(guó)石化加油卡〃,〃愛(ài)奇藝年費(fèi)會(huì)員〃,iPadmini,〃32GU盤(pán)〃，]；varbStop二true;vartimor二null;varbtns=document.getElementBddCbtns').getElementsB^TagNameCspan5);vartext二document.getElementByldCtext');btns[0].onclick二start;btns[l].onclick=stop;document.onkeyup二function(event){event二ev
3、ent
4、〔window,event;if(event?kcyCode==13){if(bStop){start();}else{stopO;functionstart(){clearlntcrveil(timcr);timer=setinterval(function(){varr=Math,floor(Math,random()*data,length);text,innerHTML二data[r];},20);btns[0]?stylc.background='#666';bStop=false;functionstop(){clearlntcrval(timcr);bt
5、ns[0].style,background='blue';bStop=true;htmlcss代碼:抽獎(jiǎng)啦〈style〉*{margin:0;padding:0;ijftcontainer{width:500px;height:200px;margin:1OOpxauto;background:red;position:relative;padding-top:20px;}#containerp{position:absolutc;b
6、ottom:4px;left:30px;}#btns{position:absolutc;left:118px;bottom:30px;}#containerhl{color:#fff;text-align:center;}ttbtn-start,#btn-stop{width:lOOpx;height:60px;background:blue;text-align:center;line-height:60px;font~size:20px;display:inline-block;color:#fff;margin-right:60px;border-radius:lOp
7、x;cursor:pointer;}iphone6splus〈P>小提示:您可以按下Enter鍵來(lái)控制開(kāi)始暫停,祝您屮大獎(jiǎng)喲〈/p>
