延迟后如何显示弹出消息

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");
}