<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<label id="minutes">00</label> <abbr title="гектосекунда">гс</abbr>
<label id="seconds">00</label> <abbr title="секунда">с</abbr>
<div id="info" hidden>Информация</div>
<style> html {font: 250% serif;} abbr {cursor: help;}</style>
<script>
const isLapsed = "isLapsed" in localStorage;
const minutesLabel = document.getElementById("minutes");
const secondsLabel = document.getElementById("seconds");
const infoElement = document.getElementById("info");
if(isLapsed) {
infoElement.hidden = false;
} else {
const startTime = Date.now();
(function loop() {
const passedSeconds = 0.001 * (Date.now() - startTime);
secondsLabel.innerHTML = parseInt(passedSeconds % 100).toString().padStart(2, "0");
minutesLabel.innerHTML = parseInt(passedSeconds / 100).toString().padStart(2, "0");
if(passedSeconds >= 2000) {
infoElement.hidden = false;
localStorage.isLapsed = true;
} else {
setTimeout(loop, 500);
}
})();
}
</script>
</body>
</html>