案例：发送短信倒计时

点击按钮后，该按钮60秒之内不能再次点击，防止重复发送短信。

动图展示：

代码展示：

<p>案例：发送短信倒计时</p>
手机号码： <input type="number"> <button>获取验证码</button>
<script>var btn = document.querySelector('button');// 全局变量，定义剩下的秒数var time = 59;// 注册单击事件btn.addEventListener('click', function () {// 禁用按钮btn.disabled = true;// 开启定时器var timer = setInterval(function () {// 判断剩余秒数if (time == 0) {// 清除定时器和复原按钮clearInterval(timer);btn.disabled = false;btn.innerHTML = '获取验证码';} else {btn.innerHTML = '还剩下' + time + '秒';time--;}}, 1000);});
</script>

案例：发送短信倒计时 js 手机60秒验证码相关推荐

html发送短信倒计时,js实现5秒倒计时重新发送短信功能
本文实例讲述了js实现倒计时重新发送短信验证码功能的方法.分享给大家供大家参考,具体如下: js-手机发送短信倒计时 button{ width: 100px; height: 30px; borde ...
Android之发送短信后按钮（60秒）变灰色每隔一秒递减显示
无论是做PC端还是android端,每次注册都有发送短信之后,60秒每隔一秒递减显示,如下图这个地方需要注意的是按钮变灰色之后不能再点击,然后就是android更新UI,需要用handle,或者其它 ...
榛子云短信-微信小程序60秒倒计时插件
为了帮助开发者更便捷的使用微信小程序的短信验证码功能,特别是初学者更好的使用,榛子云短信特地开发了60秒倒计时插件,效果: 使用方法 1.引入插件countdown.js var CountDown ...
普歌-腾讯云短信+使用node发送短信（3种方法API、SDK）、封装工具、搭建web服务、写接口、调用接口发送短信、时效性判断、验证验证码的正确性（下）
普歌-结合腾讯云短信服务+node搭建一个简单的发送短信web小项目涉及技术: 腾讯云服务后端服务:node+express 前端搭建:html+js 前言:本来这篇博客应该很早就发了,中间有一些 ...
使用js的方式设置点击按钮发送短信倒计时并且防止刷新
首先,放置一个按钮 <input type="button" id="btn" disabled="disabled" value=& ...
每日获取强智教务系统课表，并发送短信到学生手机！爬虫真牛逼！
自从学校换了强智的教务系统后,学校的app的查课表功能基本就报废了,记不住课表的我无奈自己动手. 功能实现:如果当天有课,在当天早上6点30以短信的形式自动发送课表至手机首先我想的是利用模拟登陆然后 ...
vue 发送短信倒计时
//先定义 //倒计时秒数countdown:60,//按钮上的文字codeMsg:'获取验证码',//定时器timer:null, //函数 // 获取验证码getCode() {this.$ref ...
使用python移动飞信模块发送短信
作者:miaoo 1.应用场景由于自己做的一个系统需要用到发送短信到自己手机的功能,于是搜索了一下,发现了一个通过移动飞信通道发送短信开源库:PyFetion PyFetion 模拟实现了飞信的通信 ...
php短信验证免费_php如何实现发送短信验证码（图文）
这篇文章分享给大家的内容是关于php发送短信验证码,内容很有参考价值,希望可以帮到有需要的小伙伴. 业务: 手机端点击发送验证码,请求发送到php端,由php调用第三方平台(我们使用的是榛子云短信ht ...

案例：发送短信倒计时 js 手机60秒验证码

案例：发送短信倒计时

动图展示：

代码展示：

案例：发送短信倒计时 js 手机60秒验证码相关推荐

最新文章

热门文章