點擊按鈕發送驗證碼並出現倒數實現方法-js教程-PHP中文網

首頁

web前端

js教程

點擊按鈕發送驗證碼並出現倒數實現方法

小云云

Jan 22, 2018 pm 01:13 PM

出現傳送驗證

有時候我們在發送驗證碼的時候，總會有倒數功能，下面小編就為大家帶來一篇單擊按鈕發送驗證碼,出現倒數計時的簡單實例。小編覺得蠻不錯的，現在就分享給大家，也給大家做個參考。一起跟著小編過來看看吧，希望能幫助大家。

實例如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<script src="jquery.min.js" type="text/javascript"></script> 
<script type="text/javascript"> 
 
var InterValObj; //timer变量，控制时间 
var count = 30; //间隔函数，1秒执行 
var curCount;//当前剩余秒数 
 
function sendMessage() { 
 　curCount = count; 
　　//设置button效果，开始计时 
   $("#btnSendCode").attr("disabled", "true"); 
   $("#btnSendCode").val(curCount + "秒后可重新发送"); 
   InterValObj = window.setInterval(SetRemainTime, 1000); //启动计时器，1秒执行一次 
　　  
  //请求后台发送验证码 TODO 
 
} 
 
//timer处理函数 
function SetRemainTime() { 
      if (curCount == 0) {         
        window.clearInterval(InterValObj);//停止计时器 
        $("#btnSendCode").removeAttr("disabled");//启用按钮 
        $("#btnSendCode").val("重新发送验证码"); 
      } 
      else { 
        curCount--; 
        $("#btnSendCode").val(curCount + "秒后可重新发送"); 
      } 
    } 
</script> 
</head> 
<body> 
    <input id="btnSendCode" type="button" value="发送验证码" onclick="sendMessage()" /></p> 
</body> 
</html>

登入後複製

大家學會了嗎？趕快動手嘗試。

熱AI工具

熱工具

熱門話題

gmail信箱登陸入口在哪裡

7504

CakePHP 教程

1378

steam的賬戶名稱是什麼格式

win11激活密鑰永久

NYT連接提示和答案

Related knowledge

如何在PDF中驗證簽名 Feb 18, 2024 pm 05:33 PM

我們通常會接收到政府或其他機構發送的PDF文件，有些文件有數位簽章。驗證簽名後，我們會看到SignatureValid訊息和一個綠色勾號。如果簽章未驗證，會顯示有效性未知。驗證簽名很重要，以下看看如何在PDF中進行驗證。如何在PDF中驗證簽名驗證PDF格式的簽名使其更可信，文件更容易被接受。您可以透過以下方式驗證PDF文件中的簽名。在AdobeReader中開啟PDF右鍵點選簽名，然後選擇顯示簽名屬性點選顯示簽署者憑證按鈕從「信任」標籤將簽名新增至「受信任的憑證」清單中點選驗證簽名以完成驗證讓

微信好友輔助驗證解封的詳細方法 Mar 25, 2024 pm 01:26 PM

1.打開微信進入後，點選搜尋圖標，輸入微信團隊，點選下方的服務進入。 2、進入後，點選左下方的自助工具的選項。 3、點選後，在上方的選項內，點選解封/申訴輔助驗證的選項。

抖音如何發給別人文件？上發給別人文件怎麼刪除？ Mar 22, 2024 am 08:30 AM

在抖音上，使用者不僅可以分享自己的生活點滴和才藝，還可以和其他使用者互動交流。在這個過程中，有時候我們需要向其他用戶發送文件，例如圖片、影片等。那麼，在抖音上如何發給別人文件呢？一、抖音上如何發給別人文件？ 1.開啟抖音，進入你想要傳送檔案的聊天介面。 2.點選聊天介面中的「+」號，選擇「檔案」。 3.在檔案選項中，你可以選擇傳送圖片、影片、音訊等檔案。選擇你想要發送的文件後，點擊「發送」。 4.等待對方接受你的文件，一旦對方接受，文件就會傳輸成功。二、抖音上發給別人檔案怎麼刪除？ 1.打開抖音，進入你發送文

WhatsApp技巧：發送高清照片和影片的方法 Sep 10, 2023 am 10:13 AM

WhatsApp推出了一個新選項，允許用戶透過訊息平台以高解析度發送照片和影片。繼續閱讀以了解它是如何完成的。 WhatsApp發布了一個更新，允許iPhone和Android用戶以高分辨率發送照片和視頻，最終解決了該服務的低品質媒體共享限制。該選項稱為“高清品質”，意味著用戶可以以最小的壓縮發送更清晰的照片和影片。例如，在iPhone上捕獲的圖像現在可以以3024x4032分辨率發送，而不是以前的最大920x1280分辨率，而視頻可以以1280×718分辨率發送，而不是848×476分辨率。

如何使用正規表示式驗證IFSC代碼？ Aug 26, 2023 pm 10:17 PM

印度金融系統代碼是縮寫。參與電子資金轉移系統的印度銀行分行由一個特殊的11位元字元代碼進行識別。印度儲備銀行在網路交易中使用此代碼在銀行之間轉移資金。 IFSC程式碼分為兩個部分。銀行由前四個字元進行標識，而分行由最後六個字元進行標識。 NEFT（全國電子資金轉移）、RTGS（即時毛額結算）和IMPS（即時支付服務）是一些需要IFSC代碼的電子交易。 Method使用正規表示式驗證IFSC程式碼的一些常見方法有：檢查長度是否正確。檢查前四個字元。 Checkthefifthcharacter.Che

PHP 8 新功能：增加了驗證和簽名 Mar 27, 2024 am 08:21 AM

PHP8是PHP的最新版本，為程式設計師帶來了更多的便利性和功能。這個版本特別關注安全性和效能，其中一個值得注意的新功能是增加了驗證和簽章功能。在本文中，我們將深入了解這些新的功能及其用途。驗證和簽名是電腦科學中非常重要的安全概念。它們通常用於確保傳輸的數據是完整和真實的。在處理線上交易和敏感資訊時，驗證和簽名變得尤為重要，因為如果有人能夠篡改數據，可能會對

golang中如何驗證輸入是否為大寫字母 Jun 24, 2023 am 09:06 AM

Golang是一門高效能、現代化的程式語言，在日常開發中經常涉及字串的處理。其中，驗證輸入是否為大寫字母是常見的需求。本文將介紹在Golang中如何驗證輸入是否為大寫字母。方法一：使用unicode包Golang中的unicode包提供了一系列函數來判斷字元的編碼類型。對於大寫字母，其對應的編碼範圍為65-90（十進位），因此我們可以使用unicod

golang中如何驗證輸入是否為全角字符 Jun 25, 2023 pm 02:03 PM

在golang中，驗證輸入是否為全角字元需要用到Unicode編碼和rune類型。 Unicode編碼是一種將字元集中的每個字元分配一個唯一的數字碼位元的字元編碼標準，其中包含了全角字元和半角字元。而rune類型是golang中用來表示Unicode字元的類型。第一步，需要將輸入轉換為rune類型的切片。這可以透過使用golang的[]rune類型來轉換，例如

See all articles

點擊按鈕發送驗證碼並出現倒數實現方法

熱AI工具

Undresser.AI Undress

AI Clothes Remover

Undress AI Tool

Clothoff.io

AI Hentai Generator

熱門文章

熱工具

記事本++7.3.1

SublimeText3漢化版

禪工作室 13.0.1

Dreamweaver CS6

SublimeText3 Mac版

熱門話題