Question

当应用程序在选项卡中打开并且该选项卡处于非活动状态时，我将调用blinktab（）。该选项卡需要将标题闪烁2分钟，然后出现超时消息。同时，如果选项卡获得焦点，则应清除超时。一些我如何看不到野生动物园标题的更新。但是当我使用document.title检入控制台时，我会看到更新的标题。

function  blinkTab(message) {
    console.debug("In BlinkTab....");
    var startTime = new Date().getTime();
    var interval = setInterval(function(){
        if(new Date().getTime() - startTime > 120000){
            clearInterval(interval);
            return;
        }
        document.title = document.title == message ? ' ' : message;
    }, 300);
    setTimeout(function(){ 
        document.title = 'timed out.';
    }, 120100)

Answer 1

尝试一下：

var start_blinking = false;
var startTime, message;


blinkTab("message");

var interval = setInterval(function(){
  if(!start_blinking){
    return;
  }
  document.title = document.title == message ? ' ' : message;
  if(new Date().getTime() - startTime > 2000){
    document.title = 'timed out.';
    console.log("done");
    start_blinking = false; //done blinking
    clearInterval(interval);
    return;
  }

}, 300);


function  blinkTab(message) {
    console.debug("In BlinkTab....");
    startTime = new Date().getTime();
        start_blinking = true;
    message = message;
}

间隔一定时间后无法设置document.title

1 个答案: