Actualizar automáticamente IFrame HTML
¿Cómo actualizo automáticamente un iframe cada 3 segundos sin actualizar la página completa? yo suelo<meta http-equiv="refresh" content="1"> pero muestra la actualización completa de la página y lo coloca en la parte superior de la página cada vez que lo hace. Mi Iframe apunta a un archivo de texto para leer los mensajes en vivo que puse. ¿Hay alguna manera de hacerlo sin actualizar la página completa, solo el elemento? Soy un principiante en HTML, así que explíquelo a fondo por favor. Busqué mucho en Google e intenté muchas cosas y hasta ahora nada funciona y lo intento en muchos navegadores.
Mi código hasta ahora:
<!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>