-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
30 lines (27 loc) · 1.11 KB
/
index.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
<!DOCTYPE html>
<html>
<head>
<title>Simple Loader</title>
<meta name="viewport" content="initial-scale=1.0">
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="./dist/css/simple-loader.css">
<link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
</head>
<body>
<div id="type" style="color: #fff;z-index: 1000;position: absolute;top: 30px; left: 48%;font-family: 'Montserrat', sans-serif;text-decoration: underline;">SPINNER</div>
<script type="text/javascript" src="./dist/js/simple-loader.js"></script>
<script>
simpleloader.show();
var types = ["spinner", "bounceball", "ripple", "square-wave", "twin-spinner"];
var i = 0;
window.setInterval(function () {
i++;
i = (i > 4) ? 0 : i;
document.getElementById("type").innerText = types[i].toUpperCase();
document.getElementById("type").style.left = "calc(50% - " +
(document.getElementById("type").clientWidth / 2) + "px)";
simpleloader.type(types[i]);
}, 5000);
</script>
</body>
</html>