js完成网站手机上号接受认证码倒数计时60秒编码

摘要: 如今网站一般全是让客户应用手机上号申请注册或是登录,那麼针对前端开发来讲,做一个手机上号推送短消息和倒数计时反复推送的作用就特别是在关键了!该怎样做呢?小跨越工作...


如今网站一般全是让客户应用手机上号申请注册或是登录,那麼针对前端开发来讲,做一个手机上号推送短消息和倒数计时反复推送的作用就特别是在关键了!该怎样做呢?

小跨越工作中室今日就共享一段编码给大伙儿,能够立即用来就用。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
!DOCTYPE html
html lang= en
head
    meta charset= UTF-8
    meta name= viewport content= width=device-width, initial-scale=1.0
    title 小跨越认证码60秒倒数计时作用演试 /title
/head
body
    button quot;get_verCode() id= code 获得认证码 /button
    script src= ajax/libs/jquery/3.5.1/jquery.min.js /script
    script
        var wait=60;
    function time() {
        if (wait == 0) {
            $( #code ).removeAttr( disabled  
            $( #code ).text( 获得认证码
        wait = 60;
        } else {  
            $( #code ).attr('disabled',true);
            $( #code ).text( 再次推送( + wait + )
        wait--;
        setTimeout(function() {
            time()
        },
        1000)
        }
    }
    function get_verCode()
    {
        time();
       
        alert( 认证码已推送
    }
    /script
/body
/html

网站短消息60秒倒数计时完成的逻辑性分析:最先界定一个60秒的wait自变量,随后关键运用setTimeout来做定时执行启用本身,并运用html得disabled来禁止使用按键,随后wait每一次减一秒,直至wait自变量为0终止启用本身,并举新取值60秒就可以。不是是非常简单呢?快拿来试一下吧~


小超越工作室 是您的信赖,要我们能一直坚持不懈初衷! 致力于于为湛江市各种中小型型公司出示高品质量企业网站建设及SEO提升服务


联系我们

全国服务热线:4000-399-000 公司邮箱:343111187@qq.com

  工作日 9:00-18:00

关注我们

官网公众号

官网公众号

Copyright?2020 广州凡科互联网科技股份有限公司 版权所有 粤ICP备10235580号 客服热线 18720358503

技术支持:建站工具