Чтобы поставить на стол мою проблему, я изолировал ее внутри HTML-страницы, чтобы я мог воспроизвести ее таким же образом.
Моя цель, скажем, хочу, чтобы скрытый диапазон отображалсячерез 10 секунд после загрузки страницы.Код работает отлично, но я нашел вариант использования, в котором не работает, как я ожидал.Случай использования - это когда я недавно загрузил страницу, а затем нажимаю (В Windows 7) WINDOWS + L, чтобы заблокировать мой компьютер.Если я снова войду в систему через 10 секунд, я не увижу, какой промежуток должен быть показан.Он появляется только тогда, когда я фокусируюсь на другом окне и затем возвращаюсь на страницу, или когда я взаимодействую с колесом мыши.
Кто-нибудь знает способ избежать этой ситуации в коде?или может быть небольшая ошибка?
Большое спасибо заранее.
Я прилагаю страницу с кодом:
<html>
<head>
<meta charset="UTF-8">
<title>TEST</title>
<script>
var timePopUp = 10;
var counter = 0;
// This function checks each second
var intervalFunction = window.setInterval(checkTimeOut, 1000);
function checkTimeOut() {
if (counter == timePopUp) {
document.getElementById("testSpan").style.display="block";
}
if (counter > timePopUp) {
window.clearInterval(intervalFunction);
}
counter++;
}
</script>
</head>
<body>
<h1>TEST PAGE</h1>
<span id="testSpan" style="display: none">This text is going to pop within 10 seconds.</span>
</body>
</html>