Question

当用户点击链接时，我会弹出一个通知框。我决定改变它，以便弹出一段时间后自动弹出。

<div id="container">
</p>
<ul>
    <li>
        <a href="#" id="add-sticky">Add sticky notification</a>: Doesn't run on a fade timer.  Just sits there until the user manually removes it by clicking on the (X).       
    </li>
    <li>
        <a href="#" id="remove-all">Remove all notifications</a>        
    </li>
</ul>

这是我在网站上的原始链接。我有另一个Javascript文件，用于侦听add-sticky ID。（这很好用）。这是运行自动弹出窗口的javascript文件

setInterval("popup()", 2000 );
function popup() {
           var el = document.getElementById('add-sticky');



// Firefox
if (document.createEvent) {
var event = document.createEvent("MouseEvents");
event.initEvent("click", true, true);
el.dispatchEvent(event);
}
// IE
else if (el.click) {
el.click();

}

           }

然而，这会使弹出运行一次又一次地激活页面上的文件。如何在登陆页面后弹出大约30秒，然后等待大约一分钟再运行另一个弹出窗口？

除了我得到的东西，我似乎无法做到这一点。任何帮助你都很棒

巴比

Answer 1

如果您只想执行弹出两次

，我会使用setTimeout

setTimeout(popup, 30000); // 30 seconds
function popup() {
    // Show your popup

    // if (needToShowPopUpAgain)
           setTimeout(popup, 60000); // 1 minute



}

Javascript - 在运行脚本之前等待一段时间

1 个答案: