无限循环jQuery函数直到单击停止按钮?打开/关闭网页循环

这里很简单。我想在循环中打开和关闭一个网页窗口(无限(，直到循环被打破为止。

这是我的代码。我设法将窗口打开和关闭，并使用两个单独的按钮打开和关闭，但未能将功能安排在循环中。

另外，在打开和关闭窗口之间可能需要延迟。在我注意到代码//添加延迟的第二个延迟？

<!DOCTYPE html>
<html>
<body>
<div class="stop">
    <button>Stop</button>
</div>
<script>
    var myWindow;
    function openWin() {
        myWindow = window.open("https://losangeles.craigslist.org/lac/bts/6159876722.html", "_blank", "width=500, height=500");
    }
    function closeWin() {
        myWindow.close();
    }
    $(document).ready(function() {
        var myWindow;,
        delay = .2; //seconds
        function loop ( delay ) {
            openWin()
            //add delay here?
            closeWin()
        }
        loop( delay );
        $("button").on("click", function() {
            $text.stop(true, false);
        })
    });
</script>
</body>
</html>

编辑：

<!DOCTYPE html>
<html>
<meta charset="utf-8">
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no,width=device-width">
<title>Cart</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 

<body>
<div class="stop">
<button>Stop</button>
</div>
<script>

var myWindow;
function openWin() {
    myWindow = window.open("https://losangeles.craigslist.org/lac/bts/6159876722.html", "_blank", "width=500, height=500");
}
function closeWin() {
    myWindow.close();
}
     $(document).ready(function() {
    var myWindow;,
    setInterval(function(){ openWin(); }, 200);
    setInterval(function(){ closeWin(); }, 400);//the 

    $("button").on("click", function() {
        $text.stop(true, false);
    })
});
</script>
</body>
</html>

这应该更好：笔

var myWindow;
var interval;
    function openWin() {
       myWindow = window.open("https://losangeles.craigslist.org/lac/bts/6159876722.html", "_blank", "width=500, height=500");
    }
    function closeWin() {
        myWindow.close();
    }
    window.addEventListener('load',()=>{
        var myWindow;
        var delay = .2; //seconds
        var delayBeforeClose = .3;

        function loop ( delay ) {
            openWin()
            //add delay here?
            setTimeout(closeWin,delayBeforeClose*1000)
        }
        interval = setInterval(loop,(delay+delayBeforeClose)*1000)
        document.querySelector("button").addEventListener('click',()=>{
          clearInterval(interval)
        })
    });

使用此

 $(document).ready(function() {
    var myWindow;//duplicate declartion of variable
    setInterval(function(){ openWin(); }, 200);
    setInterval(function(){ closeWin(); }, 400);//the 

    $("button").on("click", function() {
        $text.stop(true, false);
    })
});

相关内容

最新更新

热门标签：