Este artigo descreve o método de definir o intervalo de tempo entre dois cliques consecutivos de botão no JavaScript e é compartilhado com você para sua referência. O método de implementação específico é o seguinte:
Muitas vezes, em aplicativos reais, podemos não querer que o botão seja clicado ininterruptamente; portanto, precisamos limitar um certo intervalo de tempo para clicar no botão novamente. Vamos introduzir como implementar essa função através de exemplos de código. O código é o seguinte:
Copie o código da seguinte forma: <! Doctype html>
<html>
<head>
<meta charset = "utf-8">
<meta name = "autor" content = "// www.vevb.com/"/>
<title> wulin.com </title>
<script type = "text/javascript">
window.onload = function () {
var odiv = document.getElementById ("thediv");
var obt = document.getElementById ("bt");
var count = 0;
VAR Flag = NULL;
função feita () {
if (count == 0) {
ClearInterval (sinalizador);
}
outro{
contagem = count-1;
}
}
obt.OnClick = function () {
var val = parseint (odiv.innerhtml);
if (count == 0) {
odiv.innerhtml = val+1;
contagem = 20;
sinalizador = setInterval (feito, 1000);
}
outro{
alerta ("também requer"+(contagem)+"segundos para clicar");
}
}
}
</script>
</head>
<Body>
<div id = "thediv"> 0 </div>
<input type = "button" id = "bt" value = "visualizar efeito"/>
</body>
</html>
O código acima implementa nossos requisitos e pode limitar o tempo de intervalo dos botões de clicar. Esse efeito pode ser estendido a outras funções, como limitar o tempo de intervalo da publicação, etc. Vamos apresentar seu processo de implementação abaixo.
Os comentários do código são os seguintes:
1.window.onload = function () {}, que especifica que o código na função será executado após o conteúdo do documento estar completamente carregado.
2.Var odiv = document.getElementById ("thediv"), obtenha o objeto DIV Element.
3.Var obt = document.getElementById ("bt"), obtenha o objeto de botão.
4.Var contagem = 0, declare uma variável e atribua o valor inicial a 0, que é usado para armazenar o tempo de intervalo.
5.Var sinalizador = nulo, declare uma variável e atribua o valor inicial a NULL, essa variável é usada para armazenar o valor de retorno da função do timer.
6.function done () {}, essa função pode ser chamada continuamente pela função do timer para diminuir a contagem.
7.If (contagem == 0) {ClearInterval (sinalizador);}, se count == 0, a execução da função do timer é interrompida.
8.else {count = count-1;}, se não for igual a 0, execute a operação de decréscimo.
9.Obt.OnClick = function () {}, registre a função de manuseio de eventos de clique no botão.
10.Var Val = Parseint (Odiv.innerhtml), obtenha o conteúdo na div e converta -o em um número inteiro.
11.IF (contagem == 0) {
odiv.innerhtml = val+1;
contagem = 20;
sinalizador = setInterval (feito, 1000);
}
Se a contagem é igual a 0, então +1 na div e definir a contagem de 20, e a execução da função do timer será ativada.
12.Else {alert ("também requer"+(contagem)+"segundos para clicar");}, se a contagem não for igual a zero, quanto tempo leva para clicar ao aparecer?
Espero que este artigo seja útil para a programação JavaScript de todos.