我可以使用javascript延迟某些div的加载吗？

假设我有一个有两个div的页面。在第一节我有一个视频。在视频播放30秒后，我希望第二个div显示“关于视频”文本。我怎样才能做到这一点

代码：

 <div class="clip"> (This is the first div)
 <video width="560" height="340" controls>
 <source src="media/clip.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"'>
 <source src="media/clip.ogv" type='video/ogg; codecs="theora, vorbis"'>
 </video>
 </div>

 <div class="about_video"> (This is the second div)
 Clip by Person.  The clip is about sample..
 </div>

（这是第一个div）
（这是第二组）
亲自剪辑。这段剪辑是关于样品的。。

我这里有一个类似的演示：

延迟5000毫秒或5秒后，顶部栏出现

$(function() {

   $('.headerbar')       
    .delay(5000).slideDown();

});​

希望这有帮助

---

要了解更多信息，我这里有一个类似的演示：

延迟5000毫秒或5秒后，顶部栏出现

$(function() {

   $('.headerbar')       
    .delay(5000).slideDown();

});​

希望这有帮助

---

要了解更多信息，请检查类似的操作：

HTML（ID是您的朋友）：

JS：

.about_video {
    display: 'none';
}

document.getElementById('myVideo').addEventListener('ended', function(e) {
    document.getElementById('div2').style.display = 'block';
});

---

像这样的方法应该会奏效：

HTML（ID是您的朋友）：

JS：

.about_video {
    display: 'none';
}

document.getElementById('myVideo').addEventListener('ended', function(e) {
    document.getElementById('div2').style.display = 'block';
});

---

请注意，这将使div在5秒后出现。此解决方案无法知道视频是否已经运行了大约一段时间。不可见的标记再次出现。两个变量在此回答中都是无用的。@frictionlesspulley如果我有一个内headerbar，我想脚本将无法工作？我有这样的东西，它不会渲染它。除了滑下，还有别的东西吗？我不能让它出现在它应该出现的地方而不是向下滑动吗？请注意，这将使div在5秒后出现。这个解决方案无法知道视频是否已经运行了大约一段时间。不可见的标记再次出现。在这个答案中，两个变量都是无用的。@frictionlesspulley如果我有一个内headerbar i我猜剧本不起作用了？我有这样的东西，它不会渲染它。除了滑下，还有别的东西吗？我不能让它出现在它应该出现的地方，而不是滑下来吗？