jquery實現傳送驗證碼按鈕

阿新 • • 發佈：2021-02-05

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge" 
>
  <title>Document</title>  
</head>

<body>
  <input type="text">
  <input type="button" value="傳送">
  <script src="js/jquery-1.12.4.min.js"></script>
  <script>
    // 獲取元素
    var $btn = $("input:button" 
)
    // 新增按鈕的點選事件
    $btn.click(function () {
      // 定義一個變數儲存時間的數字
      var n = 5;
      // 讓按鈕被禁用
      // 替換按鈕的文字內容
      $(this).prop("disabled",true).val(n + "s 後重新發送")
      // 每隔 1s 更改倒計時內容
      // 通過定時器進行每隔 1s 減時間效果
      var timer = setInterval(() => {
        n--;
        // 文字內容發生變化 

        // 定時器內部的this指向的預設為 window
        $(this).val(n + "s 後重新發送")
        // 判斷如果時間到了 0 ，就要停止定時器
        if (n <= 0) {
          clearInterval(timer)
          // 5s 結束後，需要讓文字恢復 傳送
          // 讓按鈕取消禁用          
          $(this).val("重新發送").prop("disabled",false)
        }
      },1000)
      
    })
    
  </script>
</body>

</html>

jquery實現傳送驗證碼按鈕

技術標籤：jqueryjquery <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">

jQuery實現傳送驗證碼控制按鈕禁用功能

需求效果：點擊發送驗證碼之後，按鈕禁用，5秒之後取消禁用。效果圖如下：

JS 實現傳送驗證碼效果

程式碼 <!DOCTYPE html> <html lang=\"en\"> <head> <meta charset=\"UTF-8\"> <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">

利用互億介面實現傳送驗證碼

技術標籤：pythonpython 利用互億介面實現傳送驗證碼 # -*- coding:utf-8 -*- # @File:test.py

React-hooks/TypeScript/Taro 實現傳送驗證碼倒計時

import { Form, Toast, Cell, Input, Field, Button } from \'@taroify/core\'; import { View } from \'@tarojs/components\';

SpringBoot使用郵箱傳送驗證碼實現註冊功能

本文為大家分享了SpringBoot使用郵箱傳送驗證碼實現註冊功能例項，供大家參考，具體內容如下

python對接ihuyi實現簡訊驗證碼傳送

在日常生活中我們經常會遇到接收簡訊驗證碼的場景，Python也提供了簡便的方法實現這個功能，下面就用程式碼來實現這個功能。

基於PHP實現簡訊驗證碼傳送次數限制

　　對使用者獲取簡訊驗證碼的手機號、ip、和瀏覽器（使用唯一標識）進行限制。本文介紹的方法是對使用者每天只能通過同一瀏覽器或同一ip地址獲取驗證碼10次或者同一手機號只能獲取3次簡訊驗證碼，三種限制為“或”關

springboot實現簡訊驗證碼的傳送

我使用的是阿里雲簡訊服務程式碼前的準備 1. 申請阿里雲的簡訊服務 2. 添加簽名,這裡需要等待稽核通過

Java實現簡訊驗證碼--設定傳送間隔時間，以及有效時間（Java+Redis）

Java實現簡訊驗證碼--設定傳送間隔時間，以及有效時間（Java+Redis）這篇文章，實現了Java傳送手機簡訊驗證碼傳送的間隔時間，以及手機驗證碼的有效時間和手機驗證碼格式的合法性驗證，可以防止惡意刷介面

實現簡訊驗證碼的傳送[JAVA]

如何實現簡訊驗證碼的傳送一、基礎知識補充 1、編碼 2、URL 3、位元組流與字元流

ssm實現qq郵箱傳送驗證碼

ssm實現qq郵箱傳送驗證碼匯入maven依賴  <dependency> <groupId>org.springframework</groupId>

傳送驗證碼60s倒計時實現

<!DOCTYPE html> <html lang=\"en\"> <head> <meta charset=\"UTF-8\"> <title>Title</title>

SpringSecurity & OAuth2實現簡訊驗證碼方式獲取AccessToken

Spring提供的原生的OAuth2依賴內建了幾種比較常用的授權方式：password、authorization-code、client_credentials、refresh_token、implicit等，雖然可以滿足我們日常的需求，不過針對一些特殊的需求還是捉襟見肘，有

Unity登入註冊時限制傳送驗證碼次數功能的解決方法

當我們需要在Unity客戶端做一個限制功能，比如按鈕（最好是傳送驗證碼按鈕）要求每天只能點選三次，等到第二天又有三次機會，這個過程不涉及到服務端訊息，只涉及到本地儲存，以下是我的解決方案：

Android自定義控制元件實現簡訊驗證碼自動填充

VerifyCodeView VerifyCodeView是一個用於輸入驗證碼的Android自定義控制元件，它支援數字型別的驗證碼，支援自定義外觀，並且支援簡訊驗證碼自動填充。

java實現簡單驗證碼生成

簡單驗證碼java實現--servlet類生成驗證碼img，並寫入session 老師給的原始碼，在此做個記錄，簡單驗證碼，java繪圖

Flask專案中實現簡訊驗證碼和郵箱驗證碼功能

Flask是一個用Python編寫的Web應用程式框架，Flask是python的web框架，最大的特徵是輕便，讓開發者自由靈活的相容要開發的feature。它由Armin Ronacher開發，他領導一個名為Pocco的國際Python愛好者團隊。Flask基於W

python3 pillow模組實現簡單驗證碼

本文例項為大家分享了python3 pillow模組驗證碼的具體程式碼，供大家參考，具體內容如下

python web框架Flask實現圖形驗證碼及驗證碼的動態重新整理例項

下列程式碼都是以自己的專案例項講述的，相關的文字內容很少，主要說明全在程式碼註釋中

jquery實現傳送驗證碼按鈕

相關推薦