setTimeout在eventlistener中不起作用

它不需要等待,并且在大约一刻钟内执行所有操作。

十分之一,实际上(100毫秒)。

主要的问题是你要安排一堆计时器 全部的 100 通过 i - bob_x + 1 :

button.addEventListener("click", function(){

  for(let i = bob_x; i < 1504; i++){
    setTimeout(function(){
      // ...
    }, 100 * (i - bob_x + 1)) // <============
  }
})

另外,奇怪的是 pos_x 和 pos_y

如果这是出于动画目的,您可能需要使用 requestAnimationFrame 为了这个。 Here's an article by Paul Irish 这也许有用。

你的 for 对于 await A. delay

const delay = ms => new Promise(resolve => setTimeout(resolve, ms));
button.addEventListener("click", async function(){

  for(let i = bob_x; i < 1504; i++){
    await delay(100);
    pos_x = i;
    //console.log("vx: " + vx);
    //console.log("vy: " + vy);
    //console.log("i: " + i);
    //console.log("G: " + G);
    pos_y = vy/vx*i - G*i*i/2/vx/vx;

    obj.style.setProperty("left", pos_x);
    obj.style.setProperty("top", parseInt(pos_y, 10));
  }
})