Question

当我遇到一个我可能需要每个人帮我解决的问题时，我正在尝试创建一个简单的网页。说我用字体写了一些文字，我想要文本在10秒内出现在它下面。这可能吗？我已经尝试过谷歌了。它的结果并不那么好。

Answer 1

由于你的问题不是很明确，我想这可能（或可能不是）正是你想要的：

＆＃13;

setTimeout(function() {
    document.getElementById('element').innerHTML += '<br>More text';
}, 10000);

＆＃13;

<div id="element">Some text</div>

＆＃13;

Answer 2

有点粗糙，但如果你想要的是直接在其他文字下显示的文字，那就明白了。（但是，看起来您只想使用<br>进行段落换行。）

setTimeout(function(){
    var _text = document.getElementById('text-over'),
        under = document.createElement('span');

    under.className = 'text-under';
    under.textContent = 'Under';

    _text.append(under);
    
    console.log(_text, under);
}, 10000);

#text-over {
  position: relative;
  display: inline-block;
}
.text-under {
  position: absolute;
  bottom: -20px;
  left: 0;
}

<p>
  <span id='text-over'>Text</span> will go under there.
</p>

Answer 3

This can be achieved using CSS animations:

.more {
  animation: fadein 10s steps(1, end);
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

<div>Some text</div>
<div class="more">Some more</div>

使用javascript随时间显示文本

3 个答案: