ericfawcett
/
route-eight
1
0
Fork 0
Code Issues 3 Pull Requests Releases Wiki Activity

break out js

This commit is contained in:
Eric Fawcett 2021-10-17 20:28:48 +00:00
parent 12ac382495
commit b1934fa6ac
2 changed files with 46 additions and 47 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

48
index.html
View File

@ -5,53 +5,7 @@
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<title>Route 8 Cameras</title>
<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
<script>
$(document).ready(function(){
var camList = [];
camList[1] = ["CLE/CLE034", "Hudson Dr"];
camList[2] = ["CLE/CLE036a-L", "Graham Rd"];
camList[3] = ["CLE/CLE040-L", "Hampshire Rd"];
camList[4] = ["CLE/CLE038-L", "Steels Corners"];
camList[5] = ["CLE/CLE044-L", "Barlow Rd"];
camList[6] = ["CLE/CLE013-L", "SR 303"];
camList.forEach(loadTitle); //set titles
setIMG(camList); //load initial images
setInterval(setIMG, 6000, camList); //set timer to continuously reload images.
setInterval(reloadPage, 3600000); //set timer to reload page.
});
function loadTitle(camDat, camNum){
$("#title" + camNum).text(camDat[1]);
}
function setIMG(camList){
camList.forEach(loadIMG);
}
function loadIMG(camDat, camNum){
datestr = Date.now();
camURL = "https://itscameras.dot.state.oh.us/images/" + camDat[0] + ".jpg?date=" + datestr;
$("#cam" + camNum).attr("src", camURL);
}
function reloadPage(){
window.location = window.location.href;
}
</script>
<script src="script.js"></script>
</head>
<body>
<div class="grid-container">

45
script.js Normal file
View File

@ -0,0 +1,45 @@
$(document).ready(function(){
var camList = [];
camList[1] = ["CLE/CLE034", "Hudson Dr"];
camList[2] = ["CLE/CLE036a-L", "Graham Rd"];
camList[3] = ["CLE/CLE040-L", "Hampshire Rd"];
camList[4] = ["CLE/CLE038-L", "Steels Corners"];
camList[5] = ["CLE/CLE044-L", "Barlow Rd"];
camList[6] = ["CLE/CLE013-L", "SR 303"];
camList.forEach(loadTitle); //set titles
setIMG(camList); //load initial images
setInterval(setIMG, 6000, camList); //set timer to continuously reload images.
setInterval(reloadPage, 3600000); //set timer to reload page.
});
function loadTitle(camDat, camNum){
$("#title" + camNum).text(camDat[1]);
}
function setIMG(camList){
camList.forEach(loadIMG);
}
function loadIMG(camDat, camNum){
datestr = Date.now();
camURL = "https://itscameras.dot.state.oh.us/images/" + camDat[0] + ".jpg?date=" + datestr;
$("#cam" + camNum).attr("src", camURL);
}
function reloadPage(){
window.location = window.location.href;
}