Я пытаюсь обновить страницу или iFrame (либо будет хорошо), как только пользователь простаивает в течение определенного периода времени. Я хотел бы определить, что если мышь находится над фактическим iFrame (без движения), то мое состояние по-прежнему считается активным. Если я нахожусь на другой вкладке браузера, а мышь перемещается или простаивает, я бы хотел, чтобы вкладка, содержащая iFrame, все еще обновлялась.Обновить страницу или iFrame, если пользователь не работает
Я попытался использовать несколько плагинов jquery и другие решения, но все они, похоже, не признают, что когда моя мышь находится над iFrame, тогда она не должна обновляться.
Я начал со следующим кодом из соответствующего ответа (https://stackoverflow.com/a/4644315)
Я использую vimeo.com в качестве примера источника плавающего фрейма.
<html>
<head>
<title>iFrame AutoRefresh on idle</title>
<script src="http://code.jquery.com/jquery-2.0.3.min.js"></script>
<script>
var time = new Date().getTime();
$(document.getElementById("iFrame1")).bind("mouseover", function(e) {
time = new Date().getTime();
});
function refresh() {
if(new Date().getTime() - time >= 6000)
window.location.reload(true);
else
setTimeout(refresh, 10000);
}
setTimeout(refresh, 10000);
</script>
<style>
body {
margin: 0;
}
</style>
</head>
<body>
<iframe id="iFrame1" src="http://www.vimeo.com/" style="border: 0; width: 100%; height: 100%">Your browser doesn't support iFrames.</iframe>
</iframe>
</body>
</html>
Функция Iframe является «полный экран», как это было предложено