<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Iframes con Actualización Automática</title>
<style>
iframe {
width: 100%;
height: 400px;
border: 1px solid #ccc;
margin-bottom: 20px;
}
</style>
</head>
<body>
<h1>Iframes con Actualización Automática</h1>
<iframe id="iframe1" src="https://www.ejemplo.com"></iframe>
<iframe id="iframe2" src="https://www.otroeheemplo.com"></iframe>
<script>
// Intervalo de actualización en milisegundos (por ejemplo, 60000 ms = 1 minuto)
const updateInterval = 60000;
function refreshIframe(iframeId) {
const iframe = document.getElementById(iframeId);
if (iframe) {
iframe.src = iframe.src;
}
}
// Actualizar iframes periódicamente
setInterval(() => refreshIframe('iframe1'), updateInterval);
setInterval(() => refreshIframe('iframe2'), updateInterv
al);
</script>
</body>
</html>
0 Comentarios