codech-lunch-countdown-timer/script.js at main · AmirMohammadDehghan/codech-lunch-countdown-timer · GitHub

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
daysCount = document.querySelector('[data-days]');
hoursCount = document.querySelector('[data-hours]');
minutesCount = document.querySelector('[data-minutes]');
secondsCount = document.querySelector('[data-seconds]');


const date = new Date();
date.setDate(30);


function countdown(){
    const currDate = new Date();
    const remDate = new Date(date);

    // const totalSeconds = (remDate - currDate) / 1000;
    // const days = Math.floor(totalSeconds / (3600 * 24));
    // const hours = Math.floor(totalSeconds) / 3600 ;
    // const minutes = Math.floor(totalSeconds) / 60;
    // const seconds = Math.floor(totalSeconds - minutes)  * 60;


    const totalSeconds = (remDate - currDate) / 1000;
    const days = Math.floor(totalSeconds / 3600 / 24);
    const hours = Math.floor(totalSeconds / 3600) % 24;
    const minutes = Math.floor(totalSeconds / 60) % 60;
    const seconds = Math.floor(totalSeconds) % 60;

    daysCount.innerHTML = formatTime(days);
    hoursCount.innerHTML = formatTime(hours);
    minutesCount.innerHTML = formatTime(minutes);
    secondsCount.innerHTML = formatTime(seconds);
}

 function formatTime(time){
     return time < 10 ? (`0${time}`) : time;
 }

countdown();

setInterval(countdown, 1000);