javascript - 如何使网页中的文本在特定时间更改颜色?

标签 javascript html css

<分区>

我想让我的网页上的一些文本在页面加载后大约 2 秒从灰色变为紫色。我需要为此使用 CSS 吗?

谢谢。

最佳答案

您也可以使用 CSS。但据我所知,您将需要 JS。

document.addEventListener('DOMContentLoaded', function() {
   // your code here
   setTimeout(function() {
      var el = document.getElementsByClassName('initial_color');
      for (var i = 0, n = el.length; i < n; ++i) {
          var curr = el[i];
          curr.classList.add('changed_color');
      }
      
   }, 2000);
}, false);
.initial_color {
  color: gray;
}

.changed_color {
  color: red !important;
}
<div class="initial_color">
  Hello world
</div>

关于javascript - 如何使网页中的文本在特定时间更改颜色?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59618264/

上一篇:jquery - Replace Paragraph Tags from Paragraphs With Only Single Floated Image with 该图像

下一篇:html - React Native : 'top' property behaving as expected, 但 'bottom' 不是

相关文章:

javascript - 调节 flask 中的复选框和单选按钮

Javascript 变量 & ajax ;与 JsonForm。将 .jsonForm() 与变量一起使用

html - 如何使用 HTML、CSS 或/和 Bootstrap 获取 Gmail 中的邮箱列表?

javascript - 具有动态行的 Angular 2 Material 数据表

javascript - 在数组中,我怎样才能按照我希望打印的方式打印值而不是最后一个值?

全高清(1920 像素)上的 CSS 媒体查询与其他媒体查询一样

javascript - CouchDB 在时间戳内获取结果

css - 如何在没有默认背景图片的情况下使鼠标悬停时的背景图片具有过渡效果?

html - CSS:输入上的目标主体:焦点

Javascript:为什么函数对 array() 和 array[] 的处理方式不同?