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>