Este artigo é um artigo espelhado de tradução automática, por favor clique aqui para ir para o artigo original.

Vista: 17643|Resposta: 4

[JavaScript] Clique no botão para abrir o código js de contagem regressiva de 60 segundos

[Copiar link]
Publicado em 04/01/2016 17:11:49 | | | |


As renderizações são as seguintes:

O código é o seguinte:

  1. <html xmlns="http://www.w3.org/1999/xhtml">
  2. <head>
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  4. <title>无标题文档</title>
  5. <scrip{过滤}t type="text/javascrip{过滤}t" src="js/jquery.js"></scrip{过滤}t>
  6. </head>

  7. <body>
  8. <input type="button" id="btn" value="免费获取验证码" onclick="settime(this)" />
  9. <scrip{过滤}t type="text/javascrip{过滤}t">
  10.     var countdown = 60;
  11.     function settime(val) {
  12.         if (countdown == 0) {
  13.             val.removeAttribute("disabled");
  14.             val.value = "免费获取验证码";
  15.             countdown = 60;
  16.             return;
  17.         } else {
  18.             val.setAttribute("disabled", true);
  19.             val.value = "重新发送(" + countdown + ")";
  20.             countdown--;
  21.         }
  22.         setTimeout(function () {
  23.             settime(val)
  24.         }, 1000)
  25.     }
  26. </scrip{过滤}t>
  27. </body>
  28. </html>
Copiar código


O texto original é o seguinte: http://www.cnblogs.com/Nbge/p/3857767.html

Há um bug no texto original: após clicar no botão, a contagem regressiva será repetida no futuro, pode ser que o autor tenha esquecido de adicionar retorno, e o código acima pode rodar perfeitamente.




Anterior:Conversão entre objetos jQuery e DOM
Próximo:Libere o erro HTTP encontrado no mvc 403.14 - Solução alternativa proibida
Publicado em 04/01/2016 17:17:00 |
Sua contagem regressiva é real? Inválido após os 60 anos?
 Senhorio| Publicado em 04/01/2016 17:20:22 |
Temperatura da tecelagem Beicheng 22 graus Publicado em 2016-1-4 17:17
Sua contagem regressiva é real? Inválido após os 60 anos?

Os anos 60 não são inválidos, mas são recuperados     

Se o usuário não receber o código de verificação, ele pode esperar 60 segundos para recebê-lo novamente  

1 é impedir que outros o enviem de forma maliciosa, e 2 é impedir que usuários não recebam códigos de verificação   
Publicado em 07/01/2016 16:29:19 |
Xiao Zhao Zha Postado em 2016-1-4 às 17:20
Os anos 60 não são inválidos, mas são recuperados     

Se o usuário não receber o código de verificação, ele pode esperar 60 segundos para recebê-lo novamente  

Quer dizer, depois dos anos 60, o código de verificação por SMS que recebi antes é útil?  Será que é só o 60s que simplesmente falha ou o quê?
 Senhorio| Publicado em 07/01/2016 17:17:26 |
Temperatura da tecelagem Beicheng 22 graus Postado em 07-01-2016 às 16:29
Quer dizer, depois dos anos 60, o código de verificação por SMS que recebi antes é útil?  Será que é só o 60s que simplesmente falha ou o quê?

Depois dos anos 60, o código de verificação ainda é útil nos anos 60 só para que os usuários não precisem clicar o tempo todo para obter e evitar cliques maliciosos nos botões
Disclaimer:
Todo software, material de programação ou artigos publicados pela Code Farmer Network são apenas para fins de aprendizado e pesquisa; O conteúdo acima não deve ser usado para fins comerciais ou ilegais, caso contrário, os usuários terão todas as consequências. As informações deste site vêm da Internet, e disputas de direitos autorais não têm nada a ver com este site. Você deve deletar completamente o conteúdo acima do seu computador em até 24 horas após o download. Se você gosta do programa, por favor, apoie um software genuíno, compre o registro e obtenha serviços genuínos melhores. Se houver qualquer infração, por favor, entre em contato conosco por e-mail.

Mail To:help@itsvse.com