page fade out transition

PageTransition.js

// Page Transition
(function () {
"use strict";
var
  doc = document,
  $content = doc.querySelector('#content'),
  $main = doc.querySelector('#main'),
  $footer = doc.querySelector('.prefooter'),
  $links = doc.querySelectorAll('#content a[href^="/"]'),
  len = $links.length,
  ran = false,
  pageTransition = function(e) {
  	if (
        e.ctrlKey  || // new tab
        e.shiftKey || // new window
        e.metaKey  || // apple
        (e.button && e.button == 1) // middle click
    ) {return;}
    
    if (!ran) {
    	e.preventDefault();
    }
    setTimeout(function() {
    	$main.classList.add('page-fade-down');
    	$footer.classList.add('page-fade-down');
    	e.target.click();
    	console.log(e.target);
    	ran = true;
    }, 200);
    // set interval to check true?
  	
  };

  // should instead use one listener and if e.target == link
  for (var i = 0; i < len; i++) {
  	$links[i].addEventListener('click', pageTransition);
  }
  
})();