离开页面动态网页标题 JS

当用户离开含此 JS 页面窗口时触发事件更改标题内容

离开页面动态网页标题 JS
<script>;(function () {
    var defaultTitle = document.title;
    var isRollTitle = 0; // 为 1 时滚动标题
    var rollTimeDelay = '500'; // 滚动间隔
    var step = 0;
    var titles = [" 牛逼 "," 武汉加油!"," 爱我 "]; // 随机语
    var showStyle = 'random';
    //  滚动标题
    if (isRollTitle) setInterval(function() {        document.title = document.title.substring(1, document.title.length) + document.title.substring(0, 1);
    }, rollTimeDelay);

    //  离开页面
    document.addEventListener('visibilitychange', function () {        if (document.visibilityState == 'hidden') {            switch (showStyle) {
                case "random":
                    step = parseInt(Math.random() * titles.length);
                    break;
                default:
                case "order":
                    if (step >= titles.length) step = 0;
                    break;
            }
            document.title = titles[step];
            step++;
        } else {
            document.title = defaultTitle;
        }
    });})();</script>


手机扫描二维码访问

    本文标题:《离开页面动态网页标题 JS》作者:极四维博客
    原文链接:https://cway.top/post/649.html
    特别注明外均为原创,转载请注明。

    分享到微信

    扫描二维码

    可在微信查看或分享至朋友圈。

    相关文章

    发表评论:

    ◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

    «    2025年5月    »
    1234
    567891011
    12131415161718
    19202122232425
    262728293031

    搜索

    控制面板

    您好,欢迎到访网站!
      查看权限

    最新留言

    文章归档

    • 订阅本站的 RSS 2.0 新闻聚合