JSは、ランダムに生成されたページのボールバウンスを達成します

<身体>
    <のdivクラス= "ディアン">
        <入力タイプ=「ボタン」値=「ポイントは私が試してみてください!」>
    </ div>
    <スクリプト>
        せclickInput = document.querySelector( "入力")。
        randomTop、randomLeft、VX、VY、moveDiv、タイマーを聞かせて
        clickInput.addEventListener()(、 "クリック" => {
            moveDiv =のdocument.createElement( "DIV");
            document.body.appendChild(moveDiv)。
            randomTop =のparseInt(Math.random()*(innerHeightは - 99))。
            randomLeft =のparseInt(Math.random()*(はinnerWidth - 99))。
            moveDiv.style.top = randomTop + "PX"。
            moveDiv.style.left = randomLeft + "PX"。
            VX = 1。
            Y = 1。
            タイマー=たsetInterval(()=> {
                randomTop + = VX;
                randomLeft + = VY。
                moveDiv.style.top = randomTop + "PX"。
                moveDiv.style.left = randomLeft + "PX"。
                IF(randomTop> =(innerHeightは - 99)|| randomTop <= 0){
                    VX = -vx。
                }
                IF(randomLeft> =(はinnerWidth - 99)|| randomLeft <= 0){
                    VY = -Vy。
                }
            }
                、1)
        })
    </ SCRIPT>
</ BODY>

おすすめ

転載: www.cnblogs.com/weijiangZ/p/12116901.html