function initTimer(){ var TimerElem = document.getElementById("progressBar"); TimerElem.style.width = "0%"; document.getElementById("timerend").innerHTML = timeEnd; } function move() { var lapsPerSecond = 100/timeEnd; var TimerElem = document.getElementById("progressBar"); TimerElem.style.width = (parseInt(TimerElem.style.width) + lapsPerSecond)+"%"; } var timer = new easytimer.Timer(); timer.start(); timer.addEventListener('secondsUpdated', function (e) { if(timer.getTimeValues().seconds <= timeEnd){ document.getElementById("timer").innerHTML = timer.getTimeValues().minutes.toString() +" m " + timer.getTimeValues().seconds.toString() + " s"; move(); }else{ endTime(); timer.stop(); } }); function endTime(){ var modal = document.getElementById("myModal"); modal.style.display = "block"; }