javascript - 如何根据元素中的字符数在延迟后隐藏元素

Question

我有这样的<div class='error_message'> message </div> .这<div>没有具体的 width , 这取决于它的文本。需要注意的是，它的文字并不是一直都一样，有时会发生变化。所以我想根据元素中的字符数延迟后隐藏它。

我可以用这样的持续延迟来做到这一点:(例如)

$("element").delay(5000).hide(200);

但我需要一个动态延迟时间。我想隐藏<element>包含一条短消息比 <element> 更快包含一条长消息。

例如:

// hide after 1 sec
<div class='error_message'> message </div>

// hide after 2 sec
<div class='error_message'> message  message </div>

// hide after 3 sec
<div class='error_message'> message  message  message </div>

等等...

有什么解决办法吗？

Answer 1

function countWords(string) {
  var ret = 0;
  string.replace(/(\b+)/g, function(a) { ret++; });
  return ret;
}
var len = 1000*countWords($(element).text());
$(element).delay(len).hide(200);

我怀疑有类似的东西吗？