JavaScript 实现浏览器级别的弹窗提示

可放在网页任何位置,以下是代码:

1.每次打开都会弹出提示

<script>
    // 在页面加载时触发警告框
    window.onload = function () {
        alert('这是浏览器级别的弹窗提示!');
    };
</script>

2.打开只弹出一次,刷新网页不会弹出,清理浏览器缓存会再次弹出

<script>
    // 检查是否已经显示过提示
    if (!localStorage.getItem('hasShownAlert')) {
        // 在页面加载时触发警告框
        window.onload = function () {
            alert('这是浏览器级别的弹窗提示!');
            // 将已显示的状态存储到localStorage
            localStorage.setItem('hasShownAlert', 'true');
        };
    }
</script>

3.打开弹出一次,24小时后还会弹出,以此类推

<script>
    // 获取当前时间
    var currentTime = new Date().getTime();

    // 获取上次提示的时间,如果没有则默认为0
    var lastAlertTime = localStorage.getItem('lastAlertTime') || 0;

    // 计算距离上次提示的时间间隔(毫秒)
    var timeDiff = currentTime - lastAlertTime;

    // 检查是否已经在24小时内显示过提示
    if (timeDiff > 24 * 60 * 60 * 1000) {
        // 在页面加载时触发警告框
        window.onload = function () {
            alert('这是浏览器级别的弹窗提示!');

            // 将当前时间存储到localStorage
            localStorage.setItem('lastAlertTime', currentTime);
        };
    }
</script>

阅读剩余
THE END