웹 프론트엔드 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>
로그인 후 복사

배워보셨나요? 서둘러서 사용해 보세요.

관련 추천:

js Date 객체 공유 예제를 통한 카운트다운 애니메이션 효과 구현

모바일 등록 및 인증번호 카운트다운의 간단한 구현 방법

j문자 메시지 전송을 위한 카운트다운 기능 구현 쿼리

위 내용은 버튼을 클릭하여 인증 코드를 전송하면 카운트다운이 나타납니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

인기 기사

R.E.P.O. 에너지 결정과 그들이하는 일 (노란색 크리스탈)
4 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 최고의 그래픽 설정
4 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 아무도들을 수없는 경우 오디오를 수정하는 방법
4 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 채팅 명령 및 사용 방법
4 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

PDF에서 서명을 확인하는 방법 PDF에서 서명을 확인하는 방법 Feb 18, 2024 pm 05:33 PM

우리는 일반적으로 정부나 기타 기관으로부터 PDF 파일을 받으며, 일부는 디지털 서명이 포함되어 있습니다. 서명을 확인한 후 SignatureValid 메시지와 녹색 확인 표시가 표시됩니다. 서명이 확인되지 않으면 유효성을 알 수 없습니다. 서명을 확인하는 것이 중요합니다. PDF에서 이를 수행하는 방법을 살펴보겠습니다. PDF에서 서명을 확인하는 방법 PDF 형식의 서명을 확인하면 더욱 신뢰할 수 있고 문서가 승인될 가능성이 높아집니다. 다음과 같은 방법으로 PDF 문서의 서명을 확인할 수 있습니다. Adobe Reader에서 PDF를 엽니다. 서명을 마우스 오른쪽 버튼으로 클릭하고 서명 속성 표시를 선택합니다. 서명자 인증서 표시 버튼을 클릭합니다. 신뢰 탭에서 신뢰할 수 있는 인증서 목록에 서명을 추가합니다. 서명 확인을 클릭하여 확인을 완료합니다.

WeChat 친구 지원 인증으로 차단을 해제하는 자세한 방법 WeChat 친구 지원 인증으로 차단을 해제하는 자세한 방법 Mar 25, 2024 pm 01:26 PM

1. WeChat을 연 후 검색 아이콘을 클릭하고 WeChat 팀을 입력한 후 아래 서비스를 클릭하여 들어갑니다. 2. 입력 후 좌측 하단의 셀프 서비스 도구 옵션을 클릭하세요. 3. 클릭 후, 위 옵션 중 보조검증 차단해제/이의제기 옵션을 클릭해 주세요.

TikTok에서 다른 사람에게 파일을 보내는 방법은 무엇입니까? 다른 사람에게 보낸 파일을 삭제하는 방법은 무엇입니까? TikTok에서 다른 사람에게 파일을 보내는 방법은 무엇입니까? 다른 사람에게 보낸 파일을 삭제하는 방법은 무엇입니까? Mar 22, 2024 am 08:30 AM

Douyin에서 사용자는 자신의 삶의 세부 사항과 재능을 공유할 수 있을 뿐만 아니라 다른 사용자와 상호 작용할 수도 있습니다. 이 과정에서 사진, 동영상 등의 파일을 다른 사용자에게 전송해야 하는 경우가 있습니다. 그렇다면 Douyin에서 다른 사람에게 파일을 보내는 방법은 무엇입니까? 1. Douyin에서 다른 사람에게 파일을 보내는 방법은 무엇입니까? 1. Douyin을 열고 파일을 보내려는 채팅 인터페이스로 들어갑니다. 2. 채팅 인터페이스에서 "+" 기호를 클릭하고 "파일"을 선택합니다. 3. 파일 옵션에서 사진, 비디오, 오디오 및 기타 파일을 보내도록 선택할 수 있습니다. 보내려는 파일을 선택한 후 "보내기"를 클릭하세요. 4. 상대방이 파일을 수락할 때까지 기다리세요. 상대방이 파일을 수락하면 파일이 성공적으로 전송됩니다. 2. Douyin에서 다른 사람에게 보낸 파일을 삭제하는 방법은 무엇입니까? 1. Douyin을 열고 보낸 문자를 입력하세요.

WhatsApp 팁: HD 사진 및 비디오를 보내는 방법 WhatsApp 팁: HD 사진 및 비디오를 보내는 방법 Sep 10, 2023 am 10:13 AM

WhatsApp은 사용자가 메시징 플랫폼을 통해 고해상도 사진과 비디오를 보낼 수 있는 새로운 옵션을 출시했습니다. 이 작업이 어떻게 수행되었는지 알아보려면 계속 읽어보세요. WhatsApp은 iPhone 및 Android 사용자가 고해상도로 사진과 비디오를 보낼 수 있는 업데이트를 출시하여 마침내 서비스의 낮은 품질 미디어 공유 제한을 해결했습니다. 이 옵션은 "HD 품질"이라고 하며 사용자가 최소한의 압축으로 더 선명한 사진과 비디오를 보낼 수 있음을 의미합니다. 예를 들어, iPhone에서 캡처한 이미지는 이전 최대 해상도인 920x1280 대신 3024x4032 해상도로 전송할 수 있으며, 비디오는 848×476 대신 1280×718 해상도로 전송할 수 있습니다.

정규식을 사용하여 IFSC 코드를 검증하는 방법은 무엇입니까? 정규식을 사용하여 IFSC 코드를 검증하는 방법은 무엇입니까? Aug 26, 2023 pm 10:17 PM

인도 금융 시스템 코드는 약어입니다. 전자 자금 이체 시스템에 참여하는 인도 은행 지점은 특수 11자리 코드로 식별됩니다. 인도중앙은행은 인터넷 거래에서 이 코드를 사용하여 은행 간 자금을 이체합니다. IFSC 코드는 두 부분으로 나뉩니다. 은행은 처음 4자로 식별되고, 지점은 마지막 6자로 식별됩니다. NEFT(National Electronic Funds Transfer), RTGS(Real Time Gross Settlement) 및 IMPS(Immediate Payment Service)는 IFSC 코드가 필요한 전자 거래 중 일부입니다. 방법 정규식을 사용하여 IFSC 코드를 검증하는 몇 가지 일반적인 방법은 다음과 같습니다. 길이가 올바른지 확인합니다. 처음 4자를 확인하세요. 다섯 번째 문자를 확인하세요.Che

PHP 8의 새로운 기능: 확인 및 서명 추가 PHP 8의 새로운 기능: 확인 및 서명 추가 Mar 27, 2024 am 08:21 AM

PHP8은 최신 버전의 PHP로 프로그래머에게 더 많은 편의성과 기능을 제공합니다. 이 버전은 보안과 성능에 특별히 중점을 두고 있으며 주목할만한 새로운 기능 중 하나는 확인 및 서명 기능이 추가된 것입니다. 이 문서에서는 이러한 새로운 기능과 그 용도에 대해 자세히 살펴보겠습니다. 확인 및 서명은 컴퓨터 과학에서 매우 중요한 보안 개념입니다. 이는 전송된 데이터가 완전하고 확실한지 확인하는 데 자주 사용됩니다. 온라인 거래 및 민감한 정보를 처리할 때 확인 및 서명이 더욱 중요해집니다. 누군가가 데이터를 조작할 수 있다면 잠재적으로 그럴 수 있기 때문입니다.

golang에서 입력이 대문자인지 확인하는 방법 golang에서 입력이 대문자인지 확인하는 방법 Jun 24, 2023 am 09:06 AM

Golang은 일상적인 개발에서 종종 문자열 처리를 포함하는 고성능의 현대적인 프로그래밍 언어입니다. 그중에서도 입력이 대문자인지 확인하는 것이 일반적인 요구 사항입니다. 이번 글에서는 Golang에서 입력이 대문자인지 확인하는 방법을 소개하겠습니다. 방법 1: 유니코드 패키지를 사용합니다. Golang의 유니코드 패키지는 문자의 인코딩 유형을 결정하는 일련의 함수를 제공합니다. 대문자의 경우 해당 인코딩 범위는 65-90(십진수)이므로 유니코드를 사용할 수 있습니다.

golang에서 입력이 전자 문자인지 확인하는 방법 golang에서 입력이 전자 문자인지 확인하는 방법 Jun 25, 2023 pm 02:03 PM

golang에서는 입력이 전자인지 확인하기 위해 유니코드 인코딩과 룬 유형이 필요합니다. 유니코드 인코딩은 전자 및 반자 문자를 포함하는 문자 집합의 각 문자에 고유한 숫자 코드 포인트를 할당하는 문자 인코딩 표준입니다. 룬 유형은 golang에서 유니코드 문자를 나타내는 데 사용되는 유형입니다. 첫 번째 단계는 입력을 룬 유형 슬라이스로 변환하는 것입니다. 이는 golang의 []rune 유형을 사용하여 변환할 수 있습니다.

See all articles