使用setInterval在JavaScript中移动弹出窗口

时间:2013-07-30 09:08:03

标签: javascript html

我在JavaScript中编写了以下代码,在按下按钮时打开一个弹出窗口,然后使用setInterval每2秒移动一次窗口。

<!DOCTYPE html>
<html lang="en">
 <head>
    <meta charset = "utf-8">
    <title>  Javascriptin' Some Codes </title>
    <script>
            function hi() {
            var printOut = window.open("http://www.google.com","_blank", 'height=200, width=200');
            setInterval(function() { printOut.moveBy(10,10);}, 2000)
            window.alert("hi");}
    </script>
 </head>
 <body>
    <button onclick="hi()"> Try me </button>
 </body>
</html>

窗口打开,但是setInterval似乎不起作用 - 窗口在启动后不会移动。我想知道为什么我的代码不起作用,以及我能做什么使它按照我喜欢的方式运行。

1 个答案:

答案 0 :(得分:1)

已打开的网址必须与this answerDEMO)中所述的网域相同。

例如在jsfiddle上,这可行:

var printOut = window.open("http://fiddle.jshell.net","_blank", 'height=200, width=200');

那个没有:

var printOut = window.open("http://www.google.com","_blank", 'height=200, width=200');

你也应该删除警报,虽然它可以在chrome中使用它接缝以打破它,例如opera。