2017-05-17 12 views
0

タイトルを変更する前に数秒の遅延を追加したいと思っていますが、動作させられないようです。私はそれが 'setTimeout'を含むと信じていますが、それを理解できません。Blur JQueryのタイトル変更に遅延を追加する

$(function() { 
 
      var pageTitle = $('title').text(); 
 
     $(window).blur(function() { 
 
      $('title').text(`WAIT! COME BACK! ${pageTitle}`) 
 
     }); 
 
     $(window).focus(function() { 
 
      $('title').text(pageTitle); 
 
     }); 
 
     });

答えて

0

$(function() { 
 

 
    var pageTitle = $('title').text(); 
 
    $(window).blur(function() { 
 
    setTimeout(function() { 
 
     $('title').text(`WAIT! COME BACK! ${pageTitle}`); 
 
    }, 3000); 
 
    }); 
 
    $(window).focus(function() { 
 
    setTimeout(function() { 
 
     $('title').text(pageTitle); 
 
    }, 3000); 
 
    }); 
 
});

+0

これはうまく動作しますが、ブラウザを終了しても変更されるのではなく、タブを切り替えるだけでは変わりません。 –

0

遅延()関数を使用してみてください:

$(function() { 
 
      var pageTitle = $('title').text(); 
 
     $(window).delay(800).blur(function() { 
 
      $('title').text(`WAIT! COME BACK! ${pageTitle}`) 
 
     }); 
 
     $(window).focus(function() { 
 
      $('title').text(pageTitle); 
 
     }); 
 
     });

+0

これは最初に試したものですが、遅延が適用されませんでした。すべてはまだ動作しますが、変更はただちに行われます –

関連する問題