更合乎逻辑的设置超时例程

Question

我创建了一个简单的阅读功能，可以在某些时间突出显示单词。到目前为止，这就是我的做法：

            setTimeout(function(){ 
           $(".page3 > p >*:contains('The')").css('background',textColor)
            }, 400);
            setTimeout(function(){ 
               $('.word').css('background',transparent)
               $(".page3 > p >*:contains('dog')").css('background',textColor)
            }, 1000);
            setTimeout(function(){ 
              $('.word').css('background',transparent)      
              $(".page3 > p >*:contains('was')").css('background',textColor)
            }, 1700);

我的问题是他们会是更好的方法吗？我不能使用循环，因为每个单词都是不同的，单词的时间也非常不同。

编辑：我曾考虑过也许使用数组。键可以是单词，值可以是时间（毫秒）。我只是不确定我该怎么做？它是否需要某种形式的循环？

Answer 1

这里有一个jsfiddle给你

吉斯菲德尔

changeWord('Lorem','text',1000);

基本上，它可以通过在函数中实现的 setTimeout 来解决，因此您不必总是一遍又一遍地编写相同的函数。

我个人建议向某些对象添加类，并将此类用于 CSS。 jquery CSS 不是我最喜欢的:)