JavaScript 抽奖

最新推荐文章于 2023-06-03 21:36:49 发布

学生症

最新推荐文章于 2023-06-03 21:36:49 发布

阅读量836

点赞数

分类专栏： javascript 文章标签： javascript

本文链接：https://blog.csdn.net/lydyangliu/article/details/49950715

版权

javascript 专栏收录该内容

4 篇文章 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

收藏

觉得还不错? 一键收藏
0
评论
JavaScript 抽奖

test.html<html> <head> <title>我的摇奖程序</title> <script src="myjs.js"></script> <style> #name{ color:red; font-size:36px;
复制链接

扫一扫

专栏目录