抽奖模型应用广泛。不但可以用于抽奖，还可以用来摇号、组卷、抽查、抽检等方面。很多应用软件的随机功能都是基于随机抽奖模型编写的。

js方法实现随机抽奖模型的实例有很多，但大多不完整，还需要用户补充修改后才能正常运行。这里提供一个完整的js方法实现的随机抽奖模型，供大家交流参考。

完整代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>随机抽奖</title>
    <style type="text/css">
    	.ys{
    		position:relative;
    		margin-top:300px;
    		line-height:36px;
    		left:50%;
    	}
    </style>

    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script>
        $(document).ready(function() {
            var prize = ['冰箱','彩电','电脑','汽车','手表'];

            $("#RaffleBtn").click(function() {
                // 生成随机数
                var randomIndex = Math.floor(Math.random() * prize.length);
                var randomPrize = prize[randomIndex];

                // 显示随机数和奖品名称
                $("#winning").text("恭喜您抽中：" + randomPrize);
            });
        });
    </script>
</head>
<body>
	<div class="ys">
	    <button id="RaffleBtn">随机抽奖</button>
	    <div id="winning"></div>
	</div>
</body>
</html>

运行效果

js方法实现随机抽奖_python学习

二开指引

鉴于随机抽奖模型是很多功能模块的基础模型，为方便同仁二次开发，现将js方法实现随机取数模型一并发出来供大家参考。如果需要pc端随机抽奖模型，请参考我的《摇号抽签模型》文章。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>生成随机数</title>

    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script>
        $(document).ready(function() {
            $("#RaffleBtn").click(function() {
                // 生成随机数
                var randomNumber = Math.floor(Math.random() * 100) + 1;

                // 显示随机数
                $("#winning").text("随机数为：" + randomNumber);
            });
        });
    </script>
</head>
<body>

    <button id="RaffleBtn">生成随机数</button>
    <div id="winning"></div>

</body>
</html>