Changed from reloader to projector

This commit is contained in:
The Great & Powerful James Wernicke 2015-06-04 00:02:51 -06:00
parent d6cb477dcb
commit 3fb276234b
3 changed files with 64 additions and 12 deletions

View File

@ -48,6 +48,7 @@ window.addEventListener("load", init);
<li>Erin Ochoa</li>
<li>William Phillips</li>
<li>Jeremy Hefner</li>
<li>James Wernicke</li>
</ul>
<p>

52
www/projector.html Normal file
View File

@ -0,0 +1,52 @@
<!DOCTYPE html>
<html>
<head>
<title>Scoreboard</title>
<link rel="stylesheet" href="style.css" type="text/css">
<script src="scoreboard.js" async></script>
<style>
body, html {
width: 100%;
height: 100%;
overflow: hidden;
cursor: none;
}
iframe {
width: 100%;
height: 100%;
border: none;
margin: 0;
padding: 0;
}
</style>
<script>
var urls = ["scoreboard.html", "credits.html", "tanks.html"];
var stack = [];
var i = 0;
function reload() {
// alternate between scoreboard and other things
if (i%2){
url = urls[0];
}
else {
if (stack.length === 0){
stack = urls.slice(1);
}
url = stack.pop();
}
console.log("loading " + url);
document.getElementById('reloader').src = url;
i++;
}
function init() {
setInterval(reload, 60000);
}
window.addEventListener("load", init);
</script>
</head>
<body>
<iframe id="reloader" src="scoreboard.html"></iframe>
</body>
</html>

View File

@ -13,7 +13,7 @@
}
iframe {
width: 100%;
height: 100;
height: 100%;
border: none;
margin: 0;
padding: 0;
@ -21,16 +21,15 @@
</style>
<script>
function init() {
setTimeout(function(){
setInterval(function(){
window.document.getElementById('reloader').src = window.document.getElementById('reloader').src;
},60000);
},2000);
}
window.addEventListener("load", init);
</script>
</head>
<body>
<iframe id="reloader" src="http://localhost/tf6/scoreboard.html">
<iframe id="reloader" src="//koth/scoreboard.html">
<div id="scoreboard"></div>
</body>
</html>