关闭

JavaScript 抽奖

标签: javascript
258人阅读 评论(0) 收藏 举报
分类:

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];
}
0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:448360次
    • 积分:8503
    • 等级:
    • 排名:第2272名
    • 原创:421篇
    • 转载:0篇
    • 译文:0篇
    • 评论:27条
    文章分类
    最新评论