- <!DOCTYPE html>
- <html lang="en">
- <head>
- <title>Bootstrap Example</title>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
- <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
-
- <script>
- $(document).ready(function(){
- let height = $(window).height();
- $('#MainFrame').height(height - 20);
- setInterval(function(){
- var iframe = document.getElementById('MainFrame');
- iframeiframe.src = iframe.src;
- console.log('restored');
- },10000);
- });
- </script>
- </head>
- <body>
-
- <div class="container">
- <iframe id="MainFrame" width="100%" src="https://www.google.in/">
- </iframe>
-
- </div>
-
- </body>
- </html>
Please suggest me any other idea to do this....
Thanks....