JSFiddle - React, Tailwind, and code Playground

by Laurent Dufour

HTML

<div id="leserreurssepayent">
  <div id="compteur"></div>
  <p>code oublié? <a href="">recevoir par mail</a></p>  
</div>

JavaScript

window.setInterval(timer,1000);

var duree = 200;
if (sessionStorage.getItem('duree')) {
  duree = parseInt(sessionStorage.getItem('duree'));
} else {
	sessionStorage.setItem('duree','200')
}

var s = 0;
var m = 0
var h = 0;
var compteur=document.getElementById('compteur');

function timer() {
	console.log(duree);
  s = duree;
  if(s < 0) {
  	compteur.innerHTML = 'terminé<br />';
    sessionStorage.removeItem('duree');
  } else {
  	if(s > 59) {
      m = Math.floor(s/60);
      s = s-m*60
    }
    if(m > 59) {
      h = Math.floor(m/60);
      m = m-h*60
    }
    if(s < 10) {
          s = "0"+s
    }
    if(m < 10) {
    	m = "0"+m
    }
    compteur.innerHTML = h+":"+m+":"+s+"<a href=lien2><p>ENTRER CODE</p></a>";
		sessionStorage.setItem('duree',duree);
  }
  duree = duree-1;
}