1. Что такое таймер JavaScript?
В JavaScript мы можем выполнить код после установленного интервала, а не сразу после вызова функции.
2. Тип таймера
Однократный таймер: запускается только один раз после указанного времени задержки.
Интервал таймер триггера: триггеры раз в определенное время
3. Метод таймера
1): Однократный таймер
А): setTimeout (): выполнить код после указанного времени задержки и выполнить его один раз.
Синтаксис: setTimeout (код, время задержки);
Описание параметра:
1. Функция, которую нужно вызвать, или строка кода, которая будет выполнена.
2. Время задержки: время ожидания перед выполнением кода, в миллисекундах (1S = 1000 мс).
B): leartimeout (): cancel settimeout ()
Синтаксис: ClearTimeout (таймер)
Описание параметра:
Таймер: значение идентификатора, возвращаемое SetTimeout (). Это значение идентифицирует отмену блока задержки кода выполнения.
Вызовы settimeout () и методы задержки cleartimeout ():
Кода -копия выглядит следующим образом:
<! Doctype html>
<html>
<голова>
<meta charset = "utf-8">
<Title> Timer JavaScript </title>
<input type = "button" value = "start" id = "btnstart" onclick = "startPrint ()">
<input type = "button" value = "pause" id = "btnstop" onclick = "stopprint ()">
<br>
</head>
<тело>
<script type = "text/javascript">
// определить метод печати
Функция print ()
{
console.log («Я печатаю!»);
}
var Timer; // Это значение идентифицирует отменен блок кода задержки выполнения
// начать печать
function startPrint ()
{
timer = settimeout (print, 1000); // вызовите таймер, задержку печати на 1 секунду, выполните только один раз
}
// конечная печать
функция stopprint ()
{
ClearTimeOut (таймер); // Отмена таймера
}
</script>
</body>
</html>
Вызовы settimeout () и cleartimeout () Методы Infinite Loop:
Кода -копия выглядит следующим образом:
<! Doctype html>
<html>
<голова>
<meta charset = "utf-8">
<Title> Timer JavaScript </title>
<input type = "button" value = "start" id = "btnstart" onclick = "startPrint ()">
<input type = "button" value = "pause" id = "btnstop" onclick = "stopprint ()">
<br>
</head>
<тело>
<script type = "text/javascript">
// определить метод печати
Функция print ()
{
console.log («Я печатаю!»);
timer = settimeout (print, 1000); // запустить таймер, позвонить себе и выполнить Infinite Loop
}
var Timer; // Это значение указывает блок кода, чтобы отменить задержку выполнения
// начать печать
function startPrint ()
{
Print (); // Вызовите метод печати
}
// конечная печать
функция stopprint ()
{
ClearTimeOut (таймер); // Отмена таймера
}
</script>
</body>
</html>
2): таймер интервального триггера
А): setInterval (): при выполнении код выполняется каждое указанное время после загрузки страницы.
Синтаксис: SetInterval (код, время взаимодействия);
Описание параметра:
1. Код: функция, которую нужно вызвать или выполнять строку кода.
2. Время взаимодействия: интервал времени между периодическим исполнением или вызовом выражений, измеренный в миллисекундах (1S = 1000 мс).
Возвращаемое значение:
Значение, которое может быть передано в clearInterval (), чтобы отменить периодическое выполнение «кода».
Формат функции вызова (при условии, что есть функция часа ():
setInterval ("clock ()", 1000) или setInterval (часы, 1000)
B): метод clearInterval () отменяет время взаимодействия, установленное setInterval ()
Синтаксис: ClearInterval (таймер)
Описание параметра:
Таймер: значение идентификатора, возвращаемое SetInterval ().
Вызов setInterval () и clearInterval () для выполнения экземпляра метода выполнения интервала
Кода -копия выглядит следующим образом:
<! Doctype html>
<html>
<голова>
<meta charset = "utf-8">
<Title> Timer JavaScript </title>
<input type = "button" value = "start" id = "btnstart" onclick = "startPrint ()">
<input type = "button" value = "pause" id = "btnstop" onclick = "stopprint ()">
<br>
</head>
<тело>
<script type = "text/javascript">
// определить метод печати
Функция print ()
{
console.log («Я печатаю!»);
}
var Timer; // Это значение идентифицирует отменен блок кода выполнения таймера
// начать печать
function startPrint ()
{
timer = setInterval ("print ()", 1000); // запуск таймер
}
// конечная печать
функция stopprint ()
{
ClearInterval (таймер); // Отмена таймера
}
</script>
</body>
</html>
Выше всего, все контент, описанный в этой статье. Надеюсь, вам это понравится.