Question

我希望在用户访问我的网站时显示弹出消息，然后在3小时后显示下一个弹出消息。我已经完成了一半，因为我已经实现了第一次访问时显示的弹出消息。
请指导我如何在延迟3小时后显示弹出窗口？

感谢。

Answer 1

如果您使用的是javascript，则可以通过以下方式使用本地存储：

$(document).ready(function() {
    var visited = localStorage['visited'];
    if (!visited) {
        localStorage['visited'] = Math.round(+new Date()/1000)
        //Run initial pop up code
    }


   window.setInterval(function(){
        visited = localStorage['visited'];
        if(visited != "finished") {
            if (visited + (3600*3) < Math.round(+new Date()/1000)) {
                //Run popup code for after 3 hours
                localStorage['visited'] = "finished";
            }
        }
   }, 60000);


});

Answer 2

正如其他人已经建议的那样，setInterval可能就是你要找的东西。看到这个jsFiddle的例子：http://jsfiddle.net/dswknovp/祝你好运！

HTML：

<span id="alertText"></span>

JS：

var myTimer = 1000*3; // every 3 seconds for testing, use: 1000*60*60*3; //for 3 hours

var myStart = setInterval(function(){
    myAlarm()
}, myTimer);

function myAlarm() {
    document.getElementById("alertText").innerHTML += "-Time elapsed-";
    //you can change this to, for example: alert("Time is up");
}

如何在延迟后显示弹出消息

2 个答案: