Verzögerung der Titeländerung bei Blur hinzufügen JQuery

Question

Ich möchte ein paar Sekunden Verzögerung vor dem Titelwechsel hinzufügen, aber es scheint nicht zu funktionieren. Ich glaube, es beinhaltet 'setTimeout', aber ich kann es nicht genau herausfinden.

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

Answer 1

$(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); 
 
    }); 
 
});

Answer 2

versuchen, die Verzögerung unter Verwendung von() Funktion:

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