Question

我通过谷歌搜索但我发现很多我无法概述这一切，所以我需要你的经验：

我需要突出显示一秒钟的文字。例如，一个简单的“眨眼” - 用颜色或类似的效果。

我已经尝试了JQuery-Animation，但是对于较新版本的Firefox / Internet Explorer来说，它似乎非常麻烦。

你有什么想法吗？

Answer 1

function highlightFor(id,color,seconds){
    var element = document.getElementById(id)
    var origcolor = element.style.backgroundColor
    element.style.backgroundColor = color;
    var t = setTimeout(function(){
       element.style.backgroundColor = origcolor;
    },(seconds*1000));
}

应该有效。为它提供元素的id，高亮颜色以及要显示高亮显示的时间（以秒为单位）。例如

highlightFor('object','yellow',3);

编辑：就样式表中设置的颜色而言，我强烈建议使用javascript库（如jQuery）。我知道你说你遇到了一些问题，但很可能你写的代码中有一个小错误就是给你这个意见。如果您对jQuery有任何疑问，请询问！

Answer 2

查找将来某个时间执行代码的setTimeout（）和取消setTimeout（）的clearTimeout（）

Answer 3

var h = document.getElementById("highlight");
window.onload = function () {
  // when the page loads, set the background to red
  h.style.backgroundColor = "#f00";

  // after 1 second (== 1000ms)
  window.setTimeout(function () {
    // ...revert this, use the original color
    h.style.backgroundColor = "";
  }, 1000);
};

简单的JavaScript动画1秒钟以突出显示文本？

3 个答案: