Javascript 在特定范围内旋转老虎机（最大范围）？

我是新手，尝试模仿吃角子老虎机的工作，示例1：

在开始旋转之前，我设置老虎机的最大值（例如：500），然后按下旋转按钮。结果小于或可能等于最大值（029358500）；但不超过500（例如：506789等）

有可能这样做吗

以下是源代码：

Html文件：

<div class="container">

            <div class="slotwrapper" id="example1">
                <ul id = "ul1">
                    <li value=0>0</li>
                    <li value=1>1</li>
                    <li value=2>2</li>
                    <li value=3>3</li>
                    <li value=4>4</li>
                    <li value=5>5</li>
                    <li value=6>6</li>
                    <li value=7>7</li>
                    <li value=8>8</li>
                    <li value=9 class="text-danger">9</li>
                </ul>
                <ul id = "ul2">
                    <li value=0>0</li>
                    <li value=1>1</li>
                    <li value=2>2</li>
                    <li value=3>3</li>
                    <li value=4>4</li>
                    <li value=5>5</li>
                    <li value=6>6</li>
                    <li value=7>7</li>
                    <li value=8>8</li>
                    <li value=9 class="text-danger">9</li>
                </ul>
                <ul id ="ul3">
                    <li value=0>0</li>
                    <li value=1>1</li>
                    <li value=2>2</li>
                    <li value=3>3</li>
                    <li value=4>4</li>
                    <li value=5>5</li>
                    <li value=6>6</li>
                    <li value=7>7</li>
                    <li value=8>8</li>
                    <li value=9 class="text-danger">9</li>
                </ul>
            </div>

            <div >
                <button type="button" class="btn btn-success btn-lg" id="btn-example1">Spin</button>

            </div>
            <div class="collapse" id="collapse-example1">
                <div class="well">
                    <code>
                        $('#btn-example1').click(function() {<br/>
                            &nbsp;&nbsp;$('#example1 ul').playSpin();<br/>
                        });
                    </code>
                </div>
            </div>
    </div>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="js/slotmachine.min.js"></script>

<script type="text/javascript">
    $('#btn-example1').click(function() {
        $('#example1 ul').playSpin();
    });
</script>
<script>
    $(document).ready(function (){
        $("#ul1 li:first").text()==$(this).text(){
           alert("first");            
        };
        $("#ul1 li:last").text()==$(this).text(){
           alert("last");            
        };
    })
</script>

0
1
2
3
4
5
6
7
8
9


0
1
2
3
4
5
6
7
8
9


0
1
2
3
4
5
6
7
8
9

快速旋转

$（'#btn-example1'）。单击（函数（）{

$（'example1ul'）.playSpin（）；

});

$（'#btn-example1'）。单击（函数（）{
$（'示例1 ul'）.playSpin（）；
});
$（文档）.ready（函数（）{
$（“#ul1 li:first”）.text（）==$（this.text（））{
警报（“第一”）；
};
$（“#ul1 li:last”）.text（）==$（this.text（））{
警报（“最后”）；
};
})

有帮助吗？谢谢你，罗布。我读过这篇文章，我认为它可能有用。我想知道如何从li列表中获取min和max？对我来说是新事物，但我会尝试。非常感谢。