FilesExpand file tree

 main

/

app.js

Copy path

Blame

More file actions

Blame

More file actions

Latest commit

 

History

History

History

59 lines (45 loc) · 1.95 KB

 main

/

app.js

Top

File metadata and controls

• Code
• Blame

59 lines (45 loc) · 1.95 KB

Raw

Copy raw file

Download raw file

Open symbols panel

Edit and raw actions

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

// DOM elements

const daysElement = document.querySelector('.days');

const hoursElement = document.querySelector('.hours');

const minutesElement = document.querySelector('.minutes');

const secondsElement = document.querySelector('.seconds');

const inputElement = document.querySelector('.input').value;

//get time in format of days, hours, minutes, seconds

function getTimeInFormat(differenceInTime){

let totalTime = differenceInTime / (1000 * 60 * 60 * 24);

let days = Math.floor(totalTime);

let differenceInHours = (totalTime - days) * 24;

let hours = Math.floor(differenceInHours);

let differenceInMinutes = (differenceInHours - hours) * 60;

let minutes = Math.floor(differenceInMinutes);

let differenceInSeconds = (differenceInMinutes - minutes) * 60;

let seconds = Math.floor(differenceInSeconds);

//padding extra '0' at the start of hr, min & seconds

let formattedHours = hours.toString().padStart(2, '0');

let formattedMinutes = minutes.toString().padStart(2, '0');

let formattedSeconds = seconds.toString().padStart(2, '0');

//updating the values in html

daysElement.innerHTML = days;

hoursElement.innerHTML = formattedHours;

minutesElement.innerHTML = formattedMinutes;

secondsElement.innerHTML = formattedSeconds;

}

function resetTimer(){

daysElement.innerHTML = `-`;

hoursElement.innerHTML = `-`;

minutesElement.innerHTML = `-`;

secondsElement.innerHTML = `-`;

}

//storing the time elapsed till inputElement in the variable countdonwDate

let countdownDate = new Date(inputElement).getTime();

function updateTimer(){

//taking difference of present time with countdownDate

let dateDotNowinIST = Date.now() + 19800000; //because IST is 5:30 ahead of UCT timezone

let timeLeft = countdownDate - dateDotNowinIST;

getTimeInFormat(timeLeft);

if(timeLeft < 0 ){

clearInterval(init);

resetTimer();

}

}

let init = setInterval(updateTimer, 1000);