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>
 

posted @   小野兔汁  阅读(450)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 25岁的心里话
· 闲置电脑爆改个人服务器(超详细) #公网映射 #Vmware虚拟网络编辑器
· 零经验选手,Compose 一天开发一款小游戏!
· 通过 API 将Deepseek响应流式内容输出到前端
· AI Agent开发,如何调用三方的API Function,是通过提示词来发起调用的吗
点击右上角即可分享
微信分享提示