Функция задержки JQuery не работает

Question

У меня есть поле пароля и маленький значок справа, и я хочу показать введенный пароль в течение 2 секунд, когда пользователь нажимает на значок. Что я сделал.

$("#showpass").click(function(){ 
    $('#pass').attr('type','text').delay(2000).attr('type','password'); 
); 

Он ничего не делает, но когда я делаю только $('#pass').attr('type','text') это работает без каких-либо проблем.

Answer 1

Задержка работает только с функциями, которые используют очередь jQuery, например анимацию, поэтому вы не получаете никакой задержки между установкой типа текста и повторением ввода пароля.

Ваша конкретная проблема может быть решена с помощью setTimeout().

$("#showpass").click(function(){ 
    var pass = $('#pass').attr('type','text'); 
    setTimeout(function() { 
     pass.attr('type','password'); 
    }, 2000); 
); 

Answer 2

Метод .delay() лучше всего задерживать между обработанными в очереди jQuery эффектами. Поскольку он ограничен - он, например, не предлагает способ отменить задержку. .delay() не является заменой встроенной функции JavaScript setTimeout, которая может быть более подходящей для определенных случаев использования .

лучше использовать его только для вопросов анимации:

использовать SetTimeout вместо этого.