将变量附加到元素，并在用户输入暂停后从头开始

Question

到目前为止我所取得的成就：将字符串附加到目标元素并限制可能的字符。

 $(document).keypress(function(e) {
   var s = String.fromCharCode(e.which);
   if (s.match(/[a-zA-Z.]/))
     $("#input p").append(s);
   console.log(s + ' is a match!');
 });

https://jsfiddle.net/ngac8wj5/7/

我正在努力解决的问题：如果用户已暂停 X 持续时间，如何实现在用户输入上重置目标元素 html 内容的方法。

有什么想法吗？帮助将不胜感激

Answer 1

在花更多时间在这上面之后，我似乎已经部分实现了预期的行为，仍然有一些意想不到的现象，它比预期的更早地清洁容器。

var timeout;
var lapsed = false;
function cleanUp(e){
  lapsed = true
};
$(document).keypress(function(e) {
  timeout = setTimeout(cleanUp, 1500)
  if(lapsed == true ) {
    $("#input p").empty();
  }
  if(timeout) {
    lapsed = false
    var s = String.fromCharCode(e.which);
    if (s.match(/[a-zA-Z.]/))
      $("#input p").append(s);
    console.log(s);
  } else {
    cleanUp();
  }
});

https://jsfiddle.net/ngac8wj5/76/