My Age

index.html

<div id="age"></div>

my-age.markdown

My Age

A Pen by Richard Leishman on CodePen.

License.

script.js

var start = new Date('12/20/1984 03:07 AM');
var timer;

function age() {
  var now = new Date();
  var age = now.getTime()-start.getTime();
  var year = (age / 31558859800);
  document.getElementById('age').innerHTML = year.toFixed(10);
}

timer = setInterval(age, 30);

style.css

@import url('https://fonts.googleapis.com/css?family=Inconsolata');
#age {
  width: 750px;
  height: 200px;
  text-align: center;
  font-size: 96px;
  font-family: 'Inconsolata', monospace;

  position:absolute; /*it can be fixed too*/
  left:0; right:0;
  top:0; bottom:0;
  margin:auto;

  /*this to solve "the content will not be cut when the window is smaller than the content": */
  max-width:100%;
  max-height:100%;
  overflow:auto;
}