JavaScript 抽奖

原创 2015年11月20日 18:55:33

test.html

<html>
    <head>
        <title>我的摇奖程序</title>
        <script src="myjs.js"></script>
        <style>
            #name{
                color:red;
                font-size:36px;
            }
        </style>
    </head>
    <body>
        <br/>
        <br/>
        <div id="name"></div>
        <br/>
        <br/>
        <input type="button" value="开始抽奖" onclick="start()">
        <input type="button" value="停止抽奖" onclick="stop()">
    </body>
</html>

myjs.js

var numbers=new Array();
numbers[0]="5元券";
numbers[1]="10元券";
numbers[2]="20元券";
numbers[3]="没抽中";

var timer;
var i=0;
function start(){
    //start timer
    i=100+Math.round(Math.random()*100);
    timer=setInterval(show,100);//5ms
}
function stop(){

    clearInterval(timer);
}
function show(){
    if(i==0){
        stop();
    }
    i--;

    var index=Math.round(Math.random()*(numbers.length-1));
    document.getElementById("name").innerHTML=numbers[index];
}

《用JavaScript实现幸运大转盘抽奖程序》 一

前些日子开发了一个抽奖程序,这个程序百分之九十的逻辑使用JavaScript和JQuery写的,瞬间感觉能JS学到极致,也是一种境界,虽然自己继续向这种境界前进。      首先说一下这抽奖程序的大体...

JavaScript “跑马灯”抽奖活动代码解析与优化(一)

最近的项目中做了一个“跑马灯”的抽奖特效插件。上篇文章已经分享过html和css 的相关知识。这篇文章主要分享一些 JavaScript 相关的知识。这几天在写这篇文章的时候,也顺便把自己的代码重构了...

javascript定时器做一个又快到慢的点名/抽奖效果

What 1.Window对象的setTimeOut()&setInterval()用来注册在指定的时间之后单次或重复调用的函数。 2.都是客户端javascript中的全局函数。 3.①set...

JavaScript “跑马灯”抽奖活动代码解析与优化(二)

既然是要编写插件。肯定会有一些功能的需求。 功能需求: 1.能够控制灯的自动播放 2.灯的旋转方向 3.灯的旋转速度 4.奖品的旋转速度...

第二天 CSDN JavaScript小程序(时钟、抽奖)

第二天的实训又结束了,今天因为有课要上,所以只在晚上进行了三个小时的实训,今晚主要学习了几个小游戏的代码制作:网页时钟制作及抽奖小程序。 实现网页的时钟效果 实现网页的时钟效果 #t...

JavaScript写一个简易的抽奖系统

用JavaScript实现一个简单的抽奖系统,有【开始】按钮和【停止】按钮。 功能: - 点开始按钮开始抽奖,随机出现奖品名称; - 点停止按钮即可停止抽奖; - 按下回车键可切换开始抽...

使用javascript做一个简单的抽奖程序

今天做的抽奖程序,我表示本人很菜,但是经过我的一番努力,这菜菜的程序终于出来了。下边跟大家分享下我的程序,以及程序思路。 思路:随机抽出数组a中的一个中奖人员,放到数组b中,并且将数组a中被抽出的踢...

JavaScript抽奖翻牌游戏/定义数组保存传入参数数组,避免操作传入数组/洗牌动作队列洗牌及翻牌效果

还剩余次翻牌机会

javascript 抽奖程序

今天学习javascript写的,牛人勿喷 抽奖页面 幸运抽奖程序 #showMsg{ font-size:50px; color:red; } ...
  • madlad
  • madlad
  • 2016年01月26日 13:53
  • 155

javascript大转盘抽奖程序

  • 2017年06月01日 09:03
  • 68KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:JavaScript 抽奖
举报原因:
原因补充:

(最多只允许输入30个字)