Автообновление IFrame HTML
Как мне автоматически обновлять Iframe каждые 3 секунды без обновления всей страницы. я использую<meta http-equiv="refresh" content="1">
но он показывает обновление всей страницы и каждый раз ставит вас на верх страницы. Мой Iframe направлен на текстовый файл, чтобы читать живые сообщения, которые я вставил. Есть ли способ сделать это без обновления всей страницы, только элемента. Я начинающий HTML, поэтому, пожалуйста, объясните подробно. Я много гуглю и перепробовал много вещей и пока ничего не работает, и я пробую во многих браузерах
Мой код До сих пор:
<!DOCTYPE html>
<html>
<head>
<link rel="shortcut icon" href="favicon.png" type="image/x-icon" />
<title>Chat</title>
<style>
body{
margin: 0px;
}
h1{
font-family: arial;
font-size: 100%;
}
iframe{
width: 900px;
height: 500px;
}
div.top{
background-color: rgba(2, 109, 8, 0.83);
height: 30px;
width: 100%;
}
</style>
</head>
<body>
<div class="top">
<img src="favicon.png" alt="favicon" height="31" width="31" >
<h1>Chat</h1>
</div>
<iframe src="text.txt" name="iframe_a"> />
</body>
</html>