franpcode/Vanilla-Javascript-Counter
1
0
Fork 0
mirror of https://github.com/FranP-code/Vanilla-Javascript-Counter.git synced 2025-10-12 23:52:56 +00:00
Code Issues Packages Projects Releases Wiki Activity

main script done

Browse Source
This commit is contained in:
Francisco Pessano
2022-01-21 19:39:02 -03:00
parent 9614048b53
commit 11eeeac8c0
4 changed files with 48 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
index.html
View File

@@ -0,0 +1,17 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>JavaScript counter</title>
<script src="./script.js"></script>
</head>
<body>
<div class="container">
<div id="counter-element">
</div>
</div>
</body>
</html>

27
script.js
View File

@@ -0,0 +1,27 @@
function counter(number, seconds) {
seconds = seconds * 1000
const counterElement = document.getElementById('counter-element')
let counterNumber = 0
counterElement.innerText = counterNumber
function setTimeOutFunction() {
counterElement.innerText = counterNumber
counterNumber++
if (counterNumber <= number) {
setTimeout(setTimeOutFunction, seconds)
} else {
clearTimeout(setTimeOutFunction)
}
}
setTimeout(setTimeOutFunction, seconds)
}
window.onload = () => counter(45, 0.1)

3
styles.css Normal file
View File

@@ -0,0 +1,3 @@
/*# sourceMappingURL=styles.css.map */

1
styles.css.map Normal file
View File

@@ -0,0 +1 @@
{"version":3,"sourceRoot":"","sources":[],"names":[],"mappings":"","file":"styles.css"}