js编写抽奖小程序 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <div id="title">请点击按钮开始抽奖.....</div>
    <input type="button" id="btn" value="开始">
</body>
<script>
    var otit = document.getElementById("title");
    var obtn = document.getElementById("btn");

    var arr = ["张三","李思","王二","李四","admin","张三1","李思1","王二1","李四1","admin1"];

    var onoff = 0;

    var t;

    obtn.onclick = function(){
        if(onoff == 0){
            clearInterval(t)
            t = setInterval(function(){
                var randomNum = Math.round(Math.random()*(arr.length-1));
                otit.innerHTML = arr[randomNum];
            },10)
            onoff = 1;
            obtn.value = "就是你！"
        }else{
            clearInterval(t)
            obtn.value = "下一个！"
            onoff = 0;
        }
    }

</script>
</html>

 

posted @ 2023-06-02 09:23  JackieDYH  阅读(5)  评论(0)  编辑  收藏  举报  来源