thinkphp6 验证码发送倒计时

首先安装引用jQuery

jQuery 安装 | 菜鸟教程

在里面随便引用一个

然后给发送验证码的按钮起一个为cache的id和点击函数 οnclick="caches()

如下图：

点击发送验证码按钮就会调用以下函数执行倒计时60秒

   function caches() {
        var time = 60;
        //设置定时器  倒计时效果
        var timer = setInterval(function(){
            time--;
            if(time > 0){
                //正在倒计时
                $('#cache').html('重新获取：' + time + '秒');
                $('#cache').prop('disabled', true);
            }else{
                //停止倒计时
                $('#cache').html('发送验证码');
                $('#cache').prop('disabled', false);
                clearInterval(timer);

            }
        }, 1000);

    }