gistfile1.js

window.setInterval(function() {
  $.ajax({
    type: 'GET',
    url: "/response",
    dataType: "json",
    timeout: 60,
    context: $('body'),
    success: function(payload){
      /*
      $.each(messages, function(data){
        
      })
      */
      for (index in payload.messages) {
          var message = payload.messages[index]
          var random = Math.floor((Math.random()*100)+1);
          var id = 'message_'+message.time+'_'+random+'';
          var date = new Date(message.time*1000);;
          var formattedTime = date.getHours() + ':' + date.getMinutes();
      
          var fixed_channel = message.channel.replace(/#|\./g, '_');
          var channel_list_div = $('#l-'+fixed_channel);
          var channel_div = $('#c-'+fixed_channel);
          
          if (channel_list_div.length ==  0) {
            $('#channel_list').prepend('<li id="l-'+fixed_channel+'"><a href="#c-'+fixed_channel+'">'+message.channel+'</a></li>');
            $('#chat').prepend('<div id="c-'+fixed_channel+'"></div>');
            $('#c-'+fixed_channel).append('<div id="'+fixed_channel+random+'"></div>');
            $('#'+fixed_channel+random).append();
            <span class="time">0:00<span class="channel">'+message.channel+'</span><span class="nick">Server</span><span class="message">Channel Added!</span>
            
          }
          
          console.log(message.channel.replace(/#/g, '_'))
                          
          if (message.type == 'message') {
            channel_div.append('<div id="'+id+'"></div>');
            $('#'+id).append('<span class="time">'+formattedTime+'</span>');
            $('#'+id).append('<span class="channel">'+message.channel+'</span>');
            $('#'+id).append('<span class="nick">'+message.nick+'</span>');
            $('#'+id).append('<span class="message">'+message.message+'</span>');
          }
          else if(message.type == 'join') {
            channel_div.append('<div id="'+id+'"></div>');
            $('#'+id).append('<span class="time">'+formattedTime+'</span>');
            $('#'+id).append('<span class="srvc">!</span>');
            $('#'+id).append('<span class="join">'+message.nick+'</span>');
            $('#'+id).append('<span class="action"> has joined </span>');
            $('#'+id).append('<span class="target">'+message.channel+'</span>');
          }
          else if(message.type == 'part') {
            channel_div.append('<div id="'+id+'"></div>');
            $('#'+id).append('<span class="time">'+formattedTime+'</span>');
            $('#'+id).append('<span class="srvc">!</span>');
            $('#'+id).append('<span class="part">'+message.nick+'</span>');
            $('#'+id).append('<span class="action"> has left </span>');
            $('#'+id).append('<span class="target">'+message.channel+'</span>');
            if (message.message) {
              $('#'+id).append('<span class="target_message">'+message.message+'</span>');
            }
          }
          else if(message.type == 'quit') {
            $('#quits').append('<div id="'+id+'"></div>');
            $('#'+id).append('<span class="time">'+formattedTime+'</span>');
            $('#'+id).append('<span class="srvc">!</span>');
            $('#'+id).append('<span class="part">'+message.nick+'</span>');
            $('#'+id).append('<span class="action"> has quit</span>');
            if (message.message) {
              $('#'+id).append('<span class="target_message">'+message.message+'</span>');
            }
          }
      }
    },
    error: function(xhr, type, error){
      console.log('Ajax Error: ' + type + ' - ' + error)
    },
    complete: function(xhr, status){
      scrollDown();
    }
  });
}, 500);