Таймер обратного отсчета
Демо можно найти здесь.
Чему я научился на этом мини-проекте.
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.