在javascript中使用setInterval()移动弹出窗口

时间:2017-11-24 07:37:20

标签: javascript

我正在尝试弹出一个窗口,然后使用setInterval()连续移动。它会弹出,但不会移动。 我正在使用同一目录中的所有html文件。

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>popup</title>
  </head>
  <body>

    <input type="button" name="" value="new window" onclick="newWin();">
    <input type="button" name="" value="stop window" onclick="stopWin()">

    <script type="text/javascript">
    var win1;
    var interv;

    function moveWin(){
      win1.moveBy(100, 100);
      win1.focus();
    }

    function newWin(){
      win1 = window.open('new.html', 'win1', 'width=200, height=150');
      win1.focus();
      interv = setInterval(moveWin, 1000);
    }

    function stopWin(){
      clearInterval(interv);
    }


    </script>
  </body>
</html>

0 个答案:

没有答案