javascript - 怎么关闭js中新打开窗口的js效果-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

javascript - 怎么关闭js中新打开窗口的js效果

漂亮男人 2017-05-18 10:57:11

[JavaScript讨论组]

703

做了个窗口抖动的效果，但是新打开的窗口抖动效果有了，可是怎么清除效果，以及清除效果后怎么关闭不知道怎么写...

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>窗口抖动</title>
</head>
<body>
<script>
    var w=window.open('','', 'width=100,height=100');
    w.resizeTo(300,300);
    var loop;
    var timer;
    var offX;
    var offY;
    var status = 1;
    timer = setInterval(function(){
        w.moveTo(100,100);
        if(loop<10){
            clearInterval(timer);
        }
        status = Math.random()*10 > 5 ? 1 : -1;
        offX = Math.random()*20*status;
        offY = Math.random()*20*status*-1;
        w.moveBy(offX,offY);
        loop++;
    },10);
</script>
</body>
</html>

漂亮男人

全部回复(4)

phpcn_u15822017-05-18 10:59:11 4楼

var w=window.open('','', 'width=100,height=100');
w.resizeTo(300,300);
var loop = 0;  // 设置默认值
var timer;
var offX;
var offY;
var status = 1;
timer = setInterval(function(){
    w.moveTo(100,100);
    // 设为大于
    if(loop > 10){
        clearInterval(timer);
    }
    status = Math.random()*10 > 5 ? 1 : -1;
    offX = Math.random()*20*status;
    offY = Math.random()*20*status*-1;
    w.moveBy(offX,offY);
    loop++;
},10);
w.close() // 关闭窗口

赞 +0

添加回复

高洛峰2017-05-18 10:59:11 3楼

setTimeout(function () {
  clearInterval(timer);
},1000);
setTimeout(function () {
  w.close();
},2000)

赞 +0

添加回复

黄舟2017-05-18 10:59:11 2楼

if(loop>10){
      clearInterval(timer);
}

这里应该是loop大于10，你写错了吧。还有声明loop的时候给个初始值零。

赞 +0

添加回复

ringa_lee2017-05-18 10:59:11 1楼

清楚定时器，然后执行一个方法关闭窗口

赞 +0

添加回复

专题推荐

更多>

热门话题

热门教程

更多>