У меня есть такая HTML-страница:
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script type="text/javascript">
function reload(){
$( "#id_1" ).load(window.location.href + " #id_1" );
$( "#id_2" ).load(window.location.href + " #id_2" );
}
}
</script></head>
<body>
<span id="id_1">Something</span>
<div id="id_2" >Something</div>
</body>
Я хочу выполнять reload() каждые 10 секунд, не влияя на общую производительность страницы.В DOM много кнопок с привязками onClick(), и очень важно, чтобы на их производительность не влияли.
Я пытался использовать setInterval() и setTimeout(), но страница останавливаетсяработает до истечения определенного срока.Я также заглянул в веб-работника, но не смог найти способ сделать это.Насколько я знаю, веб-работник не имеет доступа к DOM.