diff --git a/_javascript/main.js b/_javascript/main.js
index e69de29..d93d3a7 100644
--- a/_javascript/main.js
+++ b/_javascript/main.js
@@ -0,0 +1,25 @@
+function datediff(first, second) {
+    // Take the difference between the dates and divide by milliseconds per day.
+    // Round to nearest whole number to deal with DST.
+    return Math.round((second-first)/(1000*60*60*24));
+}
+
+function displayLenghtTimeCurrentEmployer() {
+    // date début
+    var firstDay = new Date(2016,6,1);
+
+
+    var dateCurrentEmployeur = document.getElementById("dateCurrentEmployeur");
+    var today = Date();
+
+    var numberOfDays = datediff(new Date(firstDay), new Date(today));
+    var numberOfYearsTmp = numberOfDays / 365;
+    var numberOfYears = Math.trunc(numberOfYearsTmp);
+    var numberOfMonths = Math.trunc(numberOfYearsTmp.toString().split(".")[1] / 1000000000000000 * 12);
+
+    var numberOfMonthsText = numberOfMonths != 0 ? " et " + numberOfMonths + " mois" : "";
+
+    dateCurrentEmployeur.innerHTML = "Depuis " + numberOfYears + " ans" + numberOfMonthsText + ".";
+}
+
+displayLenghtTimeCurrentEmployer();
\ No newline at end of file
diff --git a/index.html b/index.html
index 687b485..c7504a5 100644
--- a/index.html
+++ b/index.html
@@ -100,7 +100,7 @@
                                 </div>
                                 <div class="media-content">
                                     <p class="title is-4">Développeur Full Stack</p>
-                                    <p class="subtitle is-6">Harvest - Clermont-Ferrand - (depuis 2016)</p>
+                                    <p class="subtitle is-6">Harvest - Clermont-Ferrand - <span id="dateCurrentEmployeur">(depuis 2016)</span></p>
                                     <div class="tags">
                                         <span class="tag">Java EE</span>
                                         <span class="tag">Angular</span>
@@ -310,6 +310,7 @@
             </div>
         </div>
     </footer>
+    <script type="text/javascript" src="/lib/main.js"></script>
 </body>
 
 </html>
diff --git a/lib/main.js b/lib/main.js
index 9a390c3..d2c5695 100644
--- a/lib/main.js
+++ b/lib/main.js
@@ -1 +1,22 @@
-"use strict";
\ No newline at end of file
+"use strict";
+
+function datediff(first, second) {
+  // Take the difference between the dates and divide by milliseconds per day.
+  // Round to nearest whole number to deal with DST.
+  return Math.round((second - first) / (1000 * 60 * 60 * 24));
+}
+
+function displayLenghtTimeCurrentEmployer() {
+  // date début
+  var firstDay = new Date(2016, 6, 1);
+  var dateCurrentEmployeur = document.getElementById("dateCurrentEmployeur");
+  var today = Date();
+  var numberOfDays = datediff(new Date(firstDay), new Date(today));
+  var numberOfYearsTmp = numberOfDays / 365;
+  var numberOfYears = Math.trunc(numberOfYearsTmp);
+  var numberOfMonths = Math.trunc(numberOfYearsTmp.toString().split(".")[1] / 1000000000000000 * 12);
+  var numberOfMonthsText = numberOfMonths != 0 ? " et " + numberOfMonths + " mois" : "";
+  dateCurrentEmployeur.innerHTML = "Depuis " + numberOfYears + " ans" + numberOfMonthsText + ".";
+}
+
+displayLenghtTimeCurrentEmployer();
\ No newline at end of file