lucasvbr/timer
1
0
Fork 0
mirror of https://github.com/LucasVbr/timer.git synced 2026-05-13 17:22:04 +00:00
Code Issues Packages Projects Releases Wiki Activity

init Timer

Browse Source
This commit is contained in:
Tchi
2021-07-04 12:33:35 +02:00
parent 5fbf29f3c5
commit 581ac96aca
5 changed files with 88 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
README.md
+2 -2
View File
@@ -1,2 +1,2 @@
# javascript-timer # JavaScript Timer
Make a time in JavaScript Objective : Make a timer in JavaScript
css/style.css
+8
View File
@@ -0,0 +1,8 @@
body {
background-color: whitesmoke;
}
p {
font-size: 200px;
text-align: center;
}
index.htm
+13
View File
@@ -0,0 +1,13 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="./css/style.css">
<title>Timer</title>
</head>
<body>
<p id="timer"></p>
<script src="./js/main.js"></script>
</body>
</html>
js/main.js
+28
View File
@@ -0,0 +1,28 @@
var htmlTimer = document.getElementById("timer");
var timer = setInterval(timerLoop, 1000);
const queryString = window.location.search;
const urlParams = new URLSearchParams(queryString);
let time = parseInt(urlParams.get('time'))
function timerLoop() {
htmlTimer.innerHTML = convertSecMin(time);
time--;
if(time < 0) {
clearInterval(timer)
htmlTimer.style.color = "red";
}
}
function convertSecMin(value) {
let seconds = Math.floor(value % 60);
let minuts = Math.floor(value / 60);
return `${convertDigits(minuts)}:${convertDigits(seconds)}`
}
function convertDigits(number) {
return number.toLocaleString('en-US', {
minimumIntegerDigits : 2,
useGrouping : false});
}
js/timer.js
+37
View File
@@ -0,0 +1,37 @@
class Timer {
/**
* Make a timer
* @param {int} time in seconds
* @throws TypeError if time is not a positive Integer
*/
constructor(time) {
if (!isValid(time)) throw new TypeError(`${time} n'est pas un entier valide`);
this.time = time;
}
/**
* Predicate that show if the value of the timer is correctly set
* @param {int} valueTest
* @return True if the predicate is verified
* False else
*/
isValid(valueTest) {
return Number.isInteger(valueTest) && valueTest > 0
}
/**
* @return the current time
*/
getTime() {
return this.time
}
/**
* Make start the timer
*/
startTimer() {
setTimeout(this.time--, 1000)
}
}