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>

 

完