离开页面动态网页标题 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
特别注明外均为原创,转载请注明。

分享到微信

扫描二维码

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

相关文章

发表评论:

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

«    2024年10月    »
123456
78910111213
14151617181920
21222324252627
28293031

搜索

控制面板

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

最新留言

文章归档

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