forked from juan-at-permeateai/eye-of-the-storm
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathpage3.html
47 lines (35 loc) · 2.31 KB
/
page3.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
<!DOCTYPE html>
<html>
<head>
<title>Bootstrap Example</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script type="text/javascript">
var i=0;
var timing=[40.160714285714285, 55.75607031857032, 37.328344159710255, 30.918739096515804, 23.118851817042604, 30.320299857306438, 62.71009199134199, 49.13640873015873, 37.15981240981241, 48.07142857142857, 62.5131222943723, 57.401785714285715, 53.16319444444444, 55.766369047619044, 43.674627455877456, 57.06795634920635, 51.82837301587302, 47.66267413142414, 55.12080627705628, 51.177895021645014, 62.54662698412699, 67.02998737373737, 84.58085317460319, 25.429563492063494, 0.0, 0.0, 0.0, 0.0, 15.670138888888888, 37.881854256854254, 9.166666666666666, 0.0, 0.0, 12.083333333333334, 3.125, 12.3125, 21.666666666666668, 3.75, 76.10714285714286, 41.666666666666664, 61.74359668109669, 37.85639013764013, 39.55623543123543, 56.20708805083805, 34.791666666666664, 32.291666666666664, 52.5625, 49.0, 48.854166666666664, 26.25, 22.270833333333332, 37.4375, 25.916666666666668, 43.395833333333336, 50.0625, 48.3125, 38.479166666666664, 51.708333333333336, 22.708333333333332, 30.622023809523807, 27.4375, 55.166666666666664, 24.979166666666668, 51.541666666666664];
$(document).ready(function(){
myFunction1();
});
function myFunction1() {
setInterval(function(){ myFunction(); }, 1000);
}
function myFunction(){
i++;
var switchTime = timing[i];
$("#speedHolder").html(switchTime);
if(i==timing.length-1) {
i=0;
}
}
</script>
</head>
<body>
<div class="container">
<iframe width="560" height="315" src="https://www.youtube.com/embed/byyVCI71aow?autoplay=1" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
<div class="col-md-7" style="padding:10px;background-color:#c0c0c033;font-weight:bold;"><span style="font-size: 20px;font-weight:bold;" class="btn col-md-4">Speed:</span><span style="font-size:20px;" class="col-md-8 btn btn-warning" id="speedHolder"></span></div>
</div>
</body>
</html>