1
00:00:00,360 --> 00:00:05,670
This is the countdown timer S. We're going to build a countdown timer, so who doesn't love countdown

2
00:00:05,670 --> 00:00:12,870
timers counting down to our favorite time and we need to know how much time is left until we get our

3
00:00:12,870 --> 00:00:13,390
deadline.

4
00:00:13,620 --> 00:00:19,890
So the countdown timer is going to use the JavaScript date and we're going to be working with dates

5
00:00:20,070 --> 00:00:23,070
quite a bit within this section as well as getting the time.

6
00:00:23,070 --> 00:00:28,110
So getting in in seconds, getting it in minutes, getting an hour's getting in a day's outputting it

7
00:00:28,110 --> 00:00:34,260
visually as well as storing it locally so that we can store whatever the selection is and the users

8
00:00:34,260 --> 00:00:35,340
made that selection.

9
00:00:35,610 --> 00:00:36,600
So let's check this one out.

10
00:00:36,930 --> 00:00:43,470
So you come to the application and you're presented with an option to select a date and then it presents

11
00:00:43,470 --> 00:00:48,510
you with how many hours, how many minutes, how many seconds are left until that date gets hit and

12
00:00:48,780 --> 00:00:51,240
this countdown timer will continuously count down.

13
00:00:51,390 --> 00:00:56,910
Even if you refresh the page, you can see that we still have the same date and time within the countdown

14
00:00:56,910 --> 00:00:57,210
timer.

15
00:00:57,220 --> 00:01:00,540
So this is stored locally and we check for the local value.

16
00:01:00,660 --> 00:01:05,520
And then if there is a local value, then we output that into the input field as well as continue our

17
00:01:05,520 --> 00:01:11,370
countdown timer so you can refresh and you see that we still have the countdown timer and the way that

18
00:01:11,400 --> 00:01:18,960
this works using JavaScript date primarily, as well as some manipulation and calculations behind the

19
00:01:18,960 --> 00:01:19,380
scenes.