В этой статье описывается метод установки интервала времени между двумя последовательными кнопками нажатия в JavaScript и используется с вами для вашей ссылки. Конкретный метод реализации следующим образом:
Много раз в реальных приложениях мы не хотели бы, чтобы кнопка была нажата на непрерывно, поэтому мы должны ограничить определенный интервал времени, чтобы снова нажать кнопку. Давайте представим, как реализовать эту функцию с помощью примеров кода. Код заключается в следующем:
Скопируйте код следующим образом: <! Doctype html>
<html>
<голова>
<meta charset = "utf-8">
<meta name = "Author" content = "// www.vevb.com/"/>
<title> wulin.com </title>
<script type = "text/javascript">
window.onload = function () {
var Odiv = document.getElementById ("thediv");
var oct = document.getElementById ("bt");
var count = 0;
var flag = null;
Функция DON () {
if (count == 0) {
ClearInterval (флаг);
}
еще{
count = count-1;
}
}
opt.onclick = function () {
var val = parseint (odiv.innerhtml);
if (count == 0) {
Odiv.innerhtml = val+1;
счет = 20;
flag = setInterval (сделано, 1000);
}
еще{
Alert («Это также требует»+(count)+«секунды для щелчка»);
}
}
}
</script>
</head>
<тело>
<div id = "thediv"> 0 </div>
<input type = "кнопка" id = "bt" value = "view Effect"/>
</body>
</html>
Приведенный выше код реализует наши требования и может ограничить время интервала кнопок. Этот эффект может быть расширен на другие функции, такие как ограничение интервального времени публикации и т. Д. Давайте введем процесс реализации ниже.
Кодовые комментарии следующие:
1.window.onload = function () {}, который указывает, что код в функции будет выполнен после того, как содержимое документа будет полностью загружен.
2.var Odiv = document.getElementById ("thediv"), получить объект элемента div.
3.var opt = document.getElementbyId ("bt"), получить кнопку объекта.
4.VAR COUNT = 0, объявите переменную и назначите начальное значение 0, которое используется для хранения времени интервала.
5.var flag = null, объявьте переменную и назначите начальное значение NULL, эта переменная используется для хранения возвращаемого значения функции таймера.
6.function end () {}, эта функция может непрерывно вызвать функцию таймера для уменьшения количества.
7.if (count == 0) {clearInterval (flag);}, если count == 0, выполнение функции таймера останавливается.
8.else {count = count-1;}, если он не равен 0, выполните операцию уменьшения.
9.obt.onclick = function () {}, зарегистрируйте функцию обработки событий Click для кнопки.
10.var val = parseint (odiv.innerhtml), получите содержание в Div и преобразуйте его в целое число.
11.if (count == 0) {
Odiv.innerhtml = val+1;
счет = 20;
flag = setInterval (сделано, 1000);
}
Если счет равен 0, то +1 в DIV и установите счет до 20, и выполнение функции таймера включено.
12.else {alert («Это также требует»+(count)+«секунды для щелчка»);}, если количество не равно нулю, то сколько времени нужно, чтобы щелкнуть при всплывании?
Я надеюсь, что эта статья будет полезна для каждого программирования JavaScript.