在每个页面上显示延迟弹出窗口,直到被用户关闭

时间:2019-09-27 10:42:41

标签: javascript popup session-storage

我打算在每次用户会话2秒后在我的网站上显示促销弹出窗口。我的主模板页面中有以下代码(我所有页面都使用)来完成这项工作:

<script> 
window.onload=function(){
(function() {
    var visited = sessionStorage.getItem('visited');
    if (!visited) {
        setTimeout(function(){ 
            document.getElementById("promoWindow").style.display = "block";
        }, 2000);
        sessionStorage.setItem('visited', true);
    }
})();
}  
function hidePromo() {
    document.getElementById("promoWindow").style.display = "none";
}
</script>

问题是,弹出窗口仅显示在访问的第一页上。因此,例如,如果用户在显示弹出窗口之前单击链接,则该链接不会显示在下一页

我理想地希望弹出窗口显示在访问的每个页面上,直到用户单击它为止-跟随弹出窗口链接,或者只是将其关闭。

谢谢。

0 个答案:

没有答案