zoukankan      html  css  js  c++  java
  • 年会抽奖小程序源码

    年会抽奖小程序,可以在此基础上进行扩展,界面如下:

    源码如下:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  
    <html>  
     <head>  
      <title> 抽奖活动 </title>  
      <meta name="Generator" content="EditPlus">  
      <meta name="Author" content="">  
      <meta name="Keywords" content="">  
      <meta name="Description" content="">  
     </head>  
       
     <body>  
         
    <html>  
    <head>  
    <meta http-equiv="Content-Type" content="text/html;charset=gb2312"/>  
    <meta http-equiv="Content-Language" content="zh-CN"/>    
    <title>抽奖活动</title>  
    <style type="text/css">  
    body {padding-top:100px;font:12px "5B8B4F53",sans-serif;text-align:center;}  
    .result_box {margin:0 auto;width:700px;padding:100px 0;text-align:center;border:3px solid #40AA53;background:#efe;}  
    .result_box #oknum {width:700px;color:#cc0000;font-size:50pt;font-family:Verdana;text-align:center;border:none;background:#efe;}  
    .button_box {margin:50px 0 0 0;}  
    .button_box .btn {cursor:pointer;padding:0 30px;margin:0 10px;color:#555;font-family:"5B8B4F53",sans-serif;font-size:40px;}  
    </style>  
    </head>     
    <body>  
    <script type="text/javascript">  
    //抽奖数据,以英文逗号分隔  
    var alldata = "001李大,002二,003邓三,004罗四,005欧五,006周六,007陈七,008潘八,009张九,010林十,011朱十一,012赵十二,013陈十三,014王十四";    
    var alldataarr = alldata.split(",");    
    var num = alldataarr.length-1;  
    var timer;  
    function change(){     
        document.getElementById("oknum").value = alldataarr[GetRnd(0,num)];     
    }  
    function start(){     
        clearInterval(timer);     
        timer = setInterval('change()',46); //随机数据变换速度,越小变换的越快     
    }  
    function ok(){     
        clearInterval(timer);     
        //以下代码表示获得奖的,不能再获奖了。  重置刷新页面即可。  
        alldata = alldata.replace(document.getElementById("oknum").value,"").replace(",,",",");  
        // 去掉前置,最末尾的,  
        if (alldata.substr(0,1)==",")  
        {  
          alldata = alldata.substr(1,alldata.length);  
        }  
        if (alldata.substr(alldata.length-1,1)==",")  
        {  
          alldata = alldata.substring(0,alldata.length-1);  
        }  
        alldataarr = alldata.split(",");    
        num = alldataarr.length-1;    
    }     
    function GetRnd(min,max){     
        return parseInt(Math.random()*(max-min+1));     
    }  
    </script>  
    <div class="result_box"><input type="text" id="oknum" name="oknum" value="抽奖结果" /></div>  
    <div class="button_box"><button class="btn" onclick="start()" accesskey="s">开始(<U>S</U>)</button><button class="btn" onclick="ok()" accesskey="o">停止(<U>O</U>)</button></div>  
    </body>     
    </html>  
     </body>  
    </html>
  • 相关阅读:
    洛谷 P1194 飞扬的小鸟 题解
    洛谷 P1197 星球大战 题解
    洛谷 P1879 玉米田Corn Fields 题解
    洛谷 P2796 Facer的程序 题解
    洛谷 P2398 GCD SUM 题解
    洛谷 P2051 中国象棋 题解
    洛谷 P1472 奶牛家谱 Cow Pedigrees 题解
    洛谷 P1004 方格取数 题解
    洛谷 P2331 最大子矩阵 题解
    洛谷 P1073 最优贸易 题解
  • 原文地址:https://www.cnblogs.com/dreamboy/p/11683537.html
Copyright © 2011-2022 走看看