本文实例讲述了js实现倒计时重新发送短信验证码功能的方法。分享给大家供大家参考,具体如下:
& lt; !DOCTYPE html>
& lt; html lang=癳n”比;
& lt; head>
& lt;元charset=皍tf - 8”比;
& lt; title> js -手机发送短信倒计时& lt;/title>
& lt; style>
按钮{
宽度:100 px;
高度:30 px;
边界:没有;
}
输入{
大纲:没有;
}
& lt;/style>
& lt; script>
窗口。onload=function () {
函数(id){美元返回. getelementbyid (id);}
$ (' btn)。onclick=function () {
clearInterval(计时器);//清除计时器
var=这个;
那禁用=true。
var计算=5;
var计时器=setInterval(函数(){
如果(count> 0) {
数,
那innerHTML="剩余时间”+数+“s”;
其他}{
那innerHTML="重新发送短信”;
那禁用=false。
clearInterval(计时器);//清除计时器
}
},1000);
}
}
& lt;/script>
& lt;/head>
& lt; body>
& lt; div类="盒子"比;
& lt;输入类型="文本" id=叭帧北?
& lt;按钮id=" btn "祝辞点击发送短信& lt;/button>
& lt;/div>
& lt;/body>
& lt;/html>
之前
或者使用setTimeout来模拟,一般情况下,还是推荐使用setTimeout,更安全一些。当使用setInterval (fn, 1000)时,程序是间隔1 s执行一次,但是每次程序执行是需要3 s,那么就要等程序执行完才能执行下一次,即实际间隔时间为(间隔时间和程序执行时间两者的最大值)。而setTimeout (fn, 1000),代表的是,延迟1 s再执行程序,且仅执行一次。每次程序执行是需要3 s,所以实际时间为1 + 3=4年代。可以使用setTimeout递归调用来模拟setInterval。
& lt; script>
窗口。onload=function () {
函数(id){美元返回. getelementbyid (id);}
$ (' btn)。onclick=function () {
var=这个;
那禁用=true。
var计算=5;
var计时器=setTimeout (fn, 1000);
函数fn () {
数,
如果(count> 0) {
那innerHTML="剩余时间”+数+“s”;
setTimeout (fn, 1000);
其他}{
那innerHTML="重新发送短信”;
那禁用=false。
}
}
}
}
& lt;/script>
之前
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
