Question

我尝试使用非常基本的HTML将标题栏设置为flash。我已经给了它一个镜头，但下面的代码似乎不起作用，我不知道为什么。此外，有没有办法使标题栏闪存文本，但只有当用户没有查看当前的浏览器页面？

我的尝试：

function Flash() {
            window.setTimeout(function() {
            alert(document.title);
                document.title = (document.title == "Company" ? "Company - flash text" : "Company");
            }, 1000);

            this.stop = function() { 
                document.title = "Company";
                clearTimeout(this.timer);
            }
        }

Answer 1

重复此make my browser blink as indicator

但是我现在无论如何都写了这个剧本：

https://plungjan.name/SO/flashtitle.html

<script>
var timer="";
var isBlurred=false;
window.onblur=function() {
  isBlurred = true;
  timer=window.setInterval(function() {
    document.title = document.title == "Company" ? "Company - flash text" : "Company";
  }, 1000);
}
window.onfocus=function() { 
  isBlurred = false;
  document.title = "Company";
  clearInterval(timer);
}
</script>

jQuery版本并没有太大差异（但没有经过测试）

var timer="";
var isBlurred=false;
$(window).on("blur",function() {
  isBlurred = true;
  timer=window.setInterval(function() {
    document.title = document.title == "Company" ? "Company - flash text" : "Company";
  }, 1000);
}).on("focus",function() { 
  isBlurred = false;
  document.title = "Company";
  clearInterval(timer);
});

Answer 2

当访问者没有查看当前浏览器页面时（窗口隐藏，模糊），您询问有关闪烁（闪烁）document.title栏的问题。所以我们必须设置两个功能。首先，我们需要检测浏览器窗口当前是否处于活动状态 - visibilityChange（actionFunction）。第二，我们需要开始获取flashing文件。标题栏 - comeBackAlerts（）。在这里 - 解决方案对我来说很好，希望和对你而言。

    public class SettingsViewModel
    {
        public SettingsViewModel(IPrintService printService)
        {
            if (printService == null)
                throw new ArgumentNullException("printService");

            _printService = printService;

            InitializeCommands();
            InitializeActions();
        }

        ...
    }

点击标题栏

2 个答案: