首页 > 解决方案 > 如何限制页面上前三次访问的 javascript 弹出窗口?

问题描述

如何将 javascript 弹出窗口限制为仅在页面的前三次访问中显示?

这是html代码

<div id="vr-apper" style='display:none'>
    <div id="popup">
        <center>
             <!-- Content -->
            <input class="procced_pop_btn" type="submit" name="submit" value="Proceed" onClick="PopUp('hide')" />
        </center>
    </div>
</div>

这是显示弹出窗口的javascript代码

<script>
    function PopUp(hideOrshow) {
    if (hideOrshow == 'hide') document.getElementById('vr-apper').style.display = "none";
    else document.getElementById('vr-apper').removeAttribute('style');
}
window.onload = function () {
    setTimeout(function () {
        PopUp('show');
    }, 0);
}
</script>

标签: javascriptphphtmlwordpress

解决方案


我建议使用 JavaScript 的增量方法++以 1 递增的 cookie,如果 cookie 值为 4 或更高,则不会显示弹出窗口!


推荐阅读