Basic jQuery

<!DOCTYPE html>
<html>

  <head>
    <meta charset="utf-8" />
    <title></title>
    <link rel="stylesheet" href="style.css" />
    <script data-require="jquery" data-semver="2.0.3" src="http://code.jquery.com/jquery-2.0.3.min.js"></script>
    <script src="script.js"></script>
  </head>

  <body>
<div id="wrap0">Wrap 1</div>
<div id="wrap1">Wrap 2</div>
<div id="wrap2">Wrap 3</div>
<div id="wrap3">Wrap 4</div>
  </body>

</html>

// Add your javascript here
$(function(){

    var wrappers = $("[id^=wrap]").hide();
    var length = wrappers.length;
    var index = -1;
    setInterval(function () {
        next = index + 1;
        if (next === wrappers.length) {
          next = 0;
        }
        wrappers.eq(index).hide();
        wrappers.eq(next).show();
        index++;
        if (index == wrappers.length) {
          index = 0;
        }
    }, 1000);
});

/* Put your css in here */

h1 {
  color: red;
}