diff --git a/www/index.html b/www/index.html
index d964a0e5a4c7cfac96f82720f4bcb8b2d1d0c8d4..f0164fe66b51a8424c2a7c8e869270b0ea6d7386 100644
--- a/www/index.html
+++ b/www/index.html
@@ -23,6 +23,25 @@
       @-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
       @keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }
     </style>
+    <script type="text/javascript">
+        function refresh(count, limit) {
+            if (count === limit) {
+                location.reload();
+            }
+            document.querySelector('#countdown').innerText= limit-count
+            setTimeout(
+                function() {
+                    refresh(count+1, limit);
+                },
+                1000
+            );
+        }
+        document.addEventListener(
+            "DOMContentLoaded",
+            function(event) {
+                refresh(0, 30);
+            });
+    </script>
   </head>
   <body>
     <img id="logo" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAI0AAADICAYAAADVy2J6AAAACXBIWXMAAAJ7AAACewHTUI7cAAAA
@@ -629,5 +648,6 @@ AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
 AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
 AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgMXjnzZQ
 WoFJxJaRAAAAAElFTkSuQmCC">
+    <p>This page will refresh in <span id='countdown'></span> seconds </p>
   </body>
 </html>