如何每隔几秒更改一次HTML标记的内容

Question

我希望字幕（h2）每隔几秒钟就会改变一次。实现这一目标的最佳方法是什么？

我更希望保持尽可能简单，最好使用bootstrap / jquery / ajax / css - 但是，如果需要，我可以使用PHP解决方案。

您可以在此处查看此效果的示例：http://mattfarley.ca/

我的HTML：

<div id="header" class="header">
     <div class="container">
         <div class="row">
             <div class="col-md-6 wow bounceInLeft navbar-right">
                 <h1 class="navbar-right">Hello world</h1>
                 <h2 class="navbar-right">I wanna get off</h2>
                 <button class="btn btn-lg btn-primary navbar-right"">More Info</button>

             </div>

         </div>
     </div>
 </div>

Answer 1

您可以轻松使用setInterval来实现您的目标。

var message = 'I wanna get off';
var count = 0;
var msgInterval = setInterval(function(){
  $('h2').html(message.substr(0, ++count));
  if (count >= message.length){
    clearInterval(msgInterval);
  }
}, 400);

这应该让你有一个良好的开端。