javascript - 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);
);