CodePen

HTML

            
              <div class="two"></div>
            
          
!
via HTML Inspector

CSS

            
              @import url(http://fonts.googleapis.com/css?family=Playfair+Display|Josefin+Slab|Noticia+Text|Delius+Unicase|Oleo+Script|Quattrocento);

body {
  background:#f5f5f5;
}

div {
  font-size:8em;
  text-align:center;
  color:#222;
  text-shadow:0 0 2px #f5f5f5,0 0 4px #222;
}
.one:before    {
  content:'Georgia';
  font-family:'Georgia';
}
.two:before    {
  content:'Playfair Display';
  font-family:'Playfair Display';
}
.three:before  {
  content:'Helvetica';
  font-family:'Helvetica';
}
.four:before   {
  content:'Josefin Slab';
  font-family:'Josefin Slab';
}
.five:before   {
  content:'Noticia Text';
  font-family:'Noticia Text';
}
.six:before    {
  content:'Delius Unicase';
  font-family:'Delius Unicase';
}
.seven:before  {
  content:'Impact';
  font-family:'Impact';
}
.eight:before  {
  content:'Oleo Script';
  font-family:'Oleo Script';
}
.nine:before   {
  content:'Quattrocento';
  font-family:'Quattrocento';
}
            
          
!
? ?
? ?
Must be a valid URL.
+ add another resource
via CSS Lint

JS

            
              // Our timing function will execute the code every 2.5 seconds
setInterval(function() {
    // Manipulate a click event
    var e = $.Event("click");
    // Trigger each class with the event
    $('.one, .two, .three, .four, .five, .six, .seven, .eight, .nine').trigger( e );
}, 2500);


/**
  I wanted to iterate the classes within an array through a loop but my mind is shot at the moment
**/
// What the event acts upon
$('.one, .two, .three, .four, .five, .six, .seven, .eight, .nine').click(function() {
    // Loops through the keys of an object
    this.className = {
        three : 'four',
        four  : 'five',
        five  : 'six',
        six   : 'seven',
        seven : 'eight',
        eight : 'nine',
        nine  : 'one',
        one   : 'two',
        two   : 'three'
    }[this.className];
});
            
          
!
Must be a valid URL.
+ add another resource
via JS Hint
Loading ..................