JavaScript获取短信验证码(周期性)

 更新时间:2016年12月29日 10:13:15   作者:ITzhongzi  
这篇文章主要为大家详细介绍了JavaScript周期性获取短信验证码的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

 本文实例为大家分享了js周期性获取短信验证码的具体代码,供大家参考,具体内容如下

<!DOCTYPE html>
<html>
<head lang="en">
 <meta charset="UTF-8">
 <title></title>
</head>
<body>
<input type="text"/>
<input type="button" id="btn" value="点击发送验证码"/>
<script>
 var timerId = null;
 var btn = document.getElementById("btn");
 var num = 5;
 btn.onclick = function () {
  btn.disabled = true;
  timerId = setInterval(function () {
   num--;
   btn.value = num + "秒后可以发送";
   if (num === 0) {
    clearInterval(timerId);
    btn.value = "点击发送验证码";
    btn.disabled = false;
    num = 5;
   }
  }, 1000);
 };
</script>
</body>
</html>

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • js清空form表单中的内容示例

    js清空form表单中的内容示例

    这篇文章主要介绍了js如何清空form表单中的内容,下面有个不错的示例,大家可以参考下
    2014-05-05
  • JavaScript中的reduce方法执行过程、使用场景及进阶用法

    JavaScript中的reduce方法执行过程、使用场景及进阶用法

    这篇文章主要介绍了JavaScript中的reduce方法执行过程、使用场景及进阶用法的相关资料,reduce是JavaScript中用于累积计算数组元素的重要方法,它接受一个回调函数和一个初始值,返回一个计算结果,文中通过代码介绍的非常详细,需要的朋友可以参考下
    2025-02-02
  • JS监听事件的叠加和移除功能

    JS监听事件的叠加和移除功能

    这篇文章主要介绍了JS监听事件的叠加和移除功能,非常不错,具有一定的参考借鉴价值 ,需要的朋友可以参考下
    2018-11-11
  • 提交表单时执行func方法实现代码

    提交表单时执行func方法实现代码

    客户端的js验证想必大家早已熟悉,今天本文带着大家再回忆一下,主要是在提交表单之前执行func方法,感兴趣的你可以参考下哈,希望可以帮助到你
    2013-03-03
  • 在JS中删除对象的某个属性的几种方案总结

    在JS中删除对象的某个属性的几种方案总结

    这篇文章主要介绍了在JS中删除对象的某个属性的几种方案,分别是使用delete操作符、解构赋值、Object.fromEntries()、Reflect.deleteProperty()以及如何在集合对象中应用这些方法,需要的朋友可以参考下
    2025-03-03
  • es6函数之箭头函数用法实例详解

    es6函数之箭头函数用法实例详解

    这篇文章主要介绍了es6函数之箭头函数用法,结合实例形式详细分析了es6箭头函数基本功能、原理、用法及操作注意事项,需要的朋友可以参考下
    2020-04-04
  • javascript搜索自动提示功能的实现

    javascript搜索自动提示功能的实现

    使用 jQuery(Ajax)/PHP/MySQL实现自动完成功我觉得我有必要写这个教程,因为曾经见到的大部分关于自动完成的应用程序都只是给你一个程序源码包,然后告诉你怎么使用,而不是告诉你它是如何工作的以及为什么这样做。
    2008-06-06
  • js使用oclif开发命令行工具实现批量修改文件名

    js使用oclif开发命令行工具实现批量修改文件名

    前端开发工作中常用的很多CLI命令相信大家已经很熟悉了,很方便很实用,能够快速帮助你创建项目,快速执行某些重复性操作,下面我们就来学习一下如何使用CLI命令批量修改文件名吧
    2023-12-12
  • 微信小程序中使用echarts的实现方法

    微信小程序中使用echarts的实现方法

    这篇文章主要介绍了微信小程序中使用echarts的实现方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-04-04
  • javascripit实现密码强度检测代码分享

    javascripit实现密码强度检测代码分享

    这篇文章主要介绍了javascripit实现密码强度检测,大家参考使用吧
    2013-12-12

最新评论