成功實(shí)現(xiàn)了功能
<!doctype html>
<html>
<head>
? ? <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
? ? <title>抽獎(jiǎng)系統(tǒng)</title>
? ? <style type="text/css">
? ? ? ? #cj{width:200px;margin:0 auto;text-align:center;}
? ? ? ? span{color:red;font-size:30px;}
? ? ? ? input{margin:20px 0;}
? ? </style>
? ?<script type="text/javascript">
? ? ? ? window.onload=function(){
? ? ? ? ? ? var sz=new Array('蘋果筆記本','ipad','100元充值卡','平板電腦','小米手機(jī)','500元現(xiàn)金','耳機(jī)');
? ? ? ? ? ? var ks=document.getElementById("ks");
? ? ? ? ? ? var js=document.getElementById("js");
? ? ? ? ? ? var guen=document.getElementsByTagName("span");
? ? ? ? ? ? var c=0;
? ? ? ? ? ? //點(diǎn)擊按鈕抽獎(jiǎng)
? ? ? ? ? ? ks.onclick=kaishi;
? ? ? ? ? ? js.onclick=jieshu;
? ? ? ? ? ? //按enter鍵抽獎(jiǎng)
? ? ? ? ? ? document.onkeyup=function(event){
? ? ? ? ? ? ? ? event=event||window.event;
? ? ? ? ? ? ? ? if(event.keyCode==13){
? ? ? ? ? ? ? ? ? ? if(c==0){
? ? ? ? ? ? ? ? ? ? ? ? kaishi();
? ? ? ? ? ? ? ? ? ? ? ? c=1;
? ? ? ? ? ? ? ? ? ? }else{
? ? ? ? ? ? ? ? ? ? ? ? jieshu();
? ? ? ? ? ? ? ? ? ? ? ? c=0;
? ? ? ? ? ? ? ? ? ? }
? ? ? ? ? ? ? ? }
? ? ? ? ? ? }
? ? ? ? ? ??
? ? ? ? }
? ? ? ? function kaishi(){
? ? ? ? ? ? var guen=document.getElementsByTagName("span");
? ? ? ? ? ? var sz=new Array('蘋果筆記本','ipad','100元充值卡','平板電腦','小米手機(jī)','500元現(xiàn)金','耳機(jī)');
? ? ? ? ? ? clearInterval(timer);
? ? ? ? ? ? timer=setInterval(function(){
? ? ? ? ? ? ? ? var i=Math.floor(Math.random()*sz.length);
? ? ? ? ? ? ? ? guen[0].innerHTML=sz[i];
? ? ? ? ? ? },100);
? ? ? ? }
? ? ? ? function jieshu(){
? ? ? ? ? ? clearInterval(timer); ?
? ? ? ? }
? ? ? ??
? ?</script>
</head>
<body>
? ? <div id="cj">
? ? ? ? <span>準(zhǔn)備抽獎(jiǎng)了</span><br/>
? ? ? ? <input id="ks" type="button" value="開始抽獎(jiǎng)">
? ? ? ? <input id="js" type="button" value="結(jié)束抽獎(jiǎng)">
? ? </div>
</body>
</html>
2016-01-05
厲害厲害