js中怎么制作一个一直运动的小球

<div class="box">
            <div class="wrapper">
                <div class="boll"></div>
            </div>
            <button>开始</button>
        </div>

.wrapper{
                width: 600px;
                height: 600px;
                border: 5px solid black;
                margin: 0 auto;
                position: relative;
            }
            .wrapper .boll{
                width: 80px;
                height: 80px;
                border-radius: 50%;
                background-color: red;
                position: absolute;
                bottom: 0;
                left: 0;
            }
            .box{
                text-align: center;
            }
            .box button{