使setTimeout调用自身，直到条件为真

Question

我在表单中有一个输入字段，这个类根据ajax脚本(我不能修改)从"foo“到"foo bar”再到"foo“而动态变化。我想修改字段的样式，当它的长度大于0时，它的值不包含"nid“，它的类也不是"bar”。我的第一个想法是有一个setTimeout，每次输入字段的类是"bar“时都会调用它，直到它是"foo”。但是我不知道这是不是很好的做法，也不知道怎么做…。

Answer 1

最简单的方法是在元素上绑定change或keydown事件，以便在字段内容匹配时捕获该事件。

如果匹配，则添加一个类fx baz，如果不匹配，则删除该类。

这将使您可以使用CSS设置元素的样式。创建一个使用类baz覆盖该规则的类bar的规则。

Answer 2

使用输入field的keyup事件

Answer 3

这样做很好。或者，您可以使用setInterval，它将重复触发，然后在满足条件时调用clearInterval。