再次单击时如何使该功能再次运行？

Question

我想让球在跑过一次后再次运行反弹功能。我如何严格使用 JS 来完成这个？

    <script>
    var ball = document.querySelector(".ball");
    var blo = -2;
    function bounce(){
        var hi = setInterval(function(){
            var top = parseInt(window.getComputedStyle(ball).getPropertyValue("top"));
            ball.style.top = top + blo + "px";
        },5)
        var ko = setInterval(function(){
            var yo = parseInt(window.getComputedStyle(ball).getPropertyValue("top"));
            if(yo==0){
                blo = 2;
            }
            if(yo>400){
                blo = 0;
            }
        },5)
    };
    ball.onclick = bounce;
    
</script>

有什么帮助吗？

Answer 1

function your_function (){
  console.log(1);
}
var ball = document.querySelector(".ball");
// new way 
ball.onclick = ()=>{
  your_function();
  your_function()
}

//old way 

// ball.onclick = function () {
//   your_function();
//   your_function()
// }

<button class = "ball"> click me </button>