Question

嗨如果可以请看一下我的代码并告诉我下一步我想要获得这个结果。

<script type="text/javascript">
     function doMove1() {
      foo1.style.left = parseInt(foo1.style.left)+1+'px';
      setTimeout(doMove1,20); // call doMove in 20msec
    }
    function start1() {
      foo1 = document.getElementById('fooObject'); // get the "foo" object
      foo1.style.left = '0px'; // set its initial position to 0px
      doMove1(); // start animating
    }
window.onload = start1;
</script>
<body>
        <div id="fooObject"> 
    <img src="images/pac.gif" width="38" height="38"></div> 
</body>

基本上发生的事情是图像在屏幕上移动。我想要完成的是当图像到达某个px（比如说900px）时，我想要一个事件发生。关于完成这项任务的任何提示我是初学者，在我想要寻求帮助之前，我一整天都在努力。

Answer 1

只需在doMove1中添加一项检查：

function doMove1() {
  var left = parseInt(foo1.style.left, 10) + 1;
  if (left >= 900) {
    trigger_my_event();
  } else {
    foo1.style.left = left + 'px';
    setTimeout(doMove1,20); // call doMove in 20msec
  }
}

这有帮助吗？

div达到某个PX时的火灾事件

1 个答案: