JavaScript - 更改 CSS 颜色 5 秒

Question

我正试图找到一种方法来简单地突出显示命名链接上的文本 - 但只持续几秒钟。

<a href="#faq1"onClick="document.getElementById('faq1').style.color='#f00'">

所以在常见问题解答列表中 - 它跳转到正确的 ID，将颜色更改为红色几秒钟，作为对最终用户的视觉提示(答案在这里)。但随后恢复正常颜色，间隔结束。

如何使上述功能仅在设定的时间段内工作？

Answer 1

试试这个:

function highlight(obj){
   var orig = obj.style.color;
   obj.style.color = '#f00';
   setTimeout(function(){
        obj.style.color = orig;
   }, 5000);
}

在 html 中:

<a href="#faq1" onClick="highlight(document.getElementById('faq1'));">

此函数适用于您传递给它的任何对象:-)

这是一个工作 fiddle :http://jsfiddle.net/maniator/dG2ks/