Таймер обратного отсчета

Демо можно найти здесь.

Чему я научился на этом мини-проекте.

setInterval() и clearInterval()

Метод setInterval использовался в предыдущих проектах, но в данном случае он используется немного по-другому, в сочетании с clearInterval.

Если вы хотите, чтобы функция или фрагмент кода выполнялись время от времени, можно использовать setInterval.

Здесь анонимная функция, определяющая константу, запускается каждые 1000 milliseconds.

Чтобы очистить переменную countdown, т.е. остановить метод, работающий через setInterval, вам нужно очистить его. Если вы этого не сделаете и попытаетесь запустить метод, пока он уже запущен (через другой вызов функции), они оба будут запущены, что может привести к ошибочному поведению.

Здесь метод, выполняемый в течение заданного интервала времени, назначается countdown, поэтому очистка переменной выполняет работу по отмене вызовов метода.

Работа с временными метками

Если вам нужно текущее время, можно использовать Date.now(), это вернет количество миллисекунд, прошедших с 01/01/1970.

Это легко превратить в объект даты с помощью new Date(milliseconds), где значение, извлеченное из Date.now(), используется в качестве параметра.

Используя этот объект, можно вызывать различные методы для извлечения различных аспектов данных времени, таких как день, месяц и год.

Селекторы элементов формы

Если вы хотите прикрепить событие к форме, вы можете использовать this для извлечения его входных значений.

Здесь прослушиватель событий присоединяется к форме через атрибут name customForm, а его входные данные извлекаются путем доступа к свойствам this.

Первоначально опубликовано на gist.github.com.