这叫什么,我该怎么办? (更改文字)

时间:2016-11-19 15:14:03

标签: javascript html css animation text

正如您在https://www.sketchapp.com/上看到的那样,他们在页面中间有一些很酷的东西,因为您可以看到它会自动更改文本(草图是为在此处查看文本而像你一样)一段时间后;我想知道他们是怎么做到的,以及它是如何被召唤的。

我试图重新创建类似的内容,谢谢

1 个答案:

答案 0 :(得分:0)

如果您希望文本在无限期内大致同时更改,则需要setInterval;如果您只想更改一次文本,则需要setTimeout。下面是一个使用setTimeout作为示例的代码段:



document.addEventListener('DOMContentLoaded', function(){
  setTimeout(function(){
    var div = document.getElementById('js-text');
    div.innerHTML = "Replaced <span class='redText'>Text</span>";
  }, 1000);
});
&#13;
.redText{
  color: red;
}
&#13;
<div id="js-text">Initial Text</div>
&#13;
&#13;
&#13;