-
Notifications
You must be signed in to change notification settings - Fork 0
/
main.js
90 lines (73 loc) · 1.37 KB
/
main.js
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
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
var obj = document.querySelector("div.img")
var px = 100
var pc = 10
//numeraçao da img
var i = 1
//slider
var volta1 = document.getElementsByClassName("btn")[0].addEventListener('click', function() {
setTimeout(function() {
i--
load()
px = 100
pc = 10
},)
})
var ir1 = document.getElementsByClassName("btn")[1].addEventListener('click', function() {
setTimeout(function() {
i++
load()
px = 100
pc = 10
},)
})
//serve pra não bugar
var adjust = setInterval(function() {
if(i > 3) {
i = 1
load()
} else if(i <= 0) {
i = 1
load()
}
},)
//imagem
var img = []
img[0] = new Image()
setInterval(function() {
i++
load()
},10000)
function load() {
img[0].src = "assets/res/img"+i+".jpeg"
img[0].setAttribute("id", "img")
obj.appendChild(img[0])
}
//conta o tempo que falta pra trocar
var seg = 10
setInterval(function() {
seg--
px += 30
pc += 9
if(seg <= 0) {
seg = 10
}
setTimeout(function () {
if(seg === 10) {
px = 100
}
},300)
setTimeout(function() {
if(pc === 100) {
pc = 10
}
},100)
},1000)
//carrega a imagem pela primeira vez
window.addEventListener('load', load)
let loadBar = document.getElementById("load")
executeLoad()
function executeLoad() {
loadBar.style.width = px+"px"
loadBar.innerHTML = pc+"%"
requestAnimationFrame(executeLoad)
}