微信公众号 讲师中心
首页
文章
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 自媒体 新闻
专题
后端开发 web前端 数据库 开发工具 php框架 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 新闻
AI工具
AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令
学习
大前端 后端开发 数据库 移动端 运维开发 计算机基础
编程手册
大前端 后端开发 数据库 移动端 运维开发 计算机基础
下载
js特效 网站源码 工具下载 类库下载 网站素材 学习资源 插件扩展 手机/移动开发 手机游戏
搜索
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程
自媒体 新闻
首页 > web前端 > js教程 > 正文

js 短信倒计时60s的方法

一个新手
发布： 2017-10-09 09:50:42
原创
1352人浏览过


$(function(){
     //获取验证码
     var getCode = document.getElementById('getCode');
        var wait = 60;
        function time(btn){
            if (wait===0) {
                btn.removeAttribute("disabled");
                btn.innerHTML = "获取验证码";
                wait = 60;
            }else{
                btn.setAttribute("disabled",true);
                btn.innerHTML = wait + "秒后重试";
                wait--;
                setTimeout(function(){
                    time(btn);
                },1000);
            }
        }
        getCode.onclick = function(){
            time(this);
        };
})
登录后复制

以上就是js 短信倒计时60s的方法的详细内容，更多请关注php中文网其它相关文章！

相关标签：
javascript

大家都在看：

最佳 Windows 性能的顶级免费优化软件
最佳 Windows 性能的顶级免费优化软件

每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。

下载
来源：php中文网
收藏 点赞
上一篇：onselectstart和onselect的使用方法 下一篇：对闭包的通俗理解 - 5Clay
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
作者最新文章
最新问题
JavaScript联动Select：实现下拉菜单选项的智能切换 本教程将指导您如何使用JavaScript实现两个下拉选择（select）元素的联动，当一个select的选项改变时，另一个select能自动切换到对应的选项。我们将探讨一种灵活且健壮的方法，通过监听父容器的change事件并利用selectedIndex属性，确保两个下拉菜单保持预设的逻辑关系，避免硬编码值，适用于多种联动场景。
2025-11-06 16:15:20
593
使用正则表达式灵活解析无序命令参数 本文详细介绍了如何利用正则表达式中的正向先行断言（positivelookahead）来解决解析包含多个可选且顺序不固定的命令参数的挑战。通过具体示例，展示了如何构建一个灵活的正则表达式，以准确提取如发送时间、持续时长等关键信息，无论它们在输入字符串中出现的顺序如何。
2025-11-06 16:11:03
190
如何高效清空DIV内输入元素的值而不移除元素本身 本教程将指导您如何在不移除HTML元素本身的情况下，清空父容器（如div）内所有输入字段的数据。核心在于避免使用会清空整个子树的innerHTML或html(‘’)方法，而是通过精确选择目标输入元素，并利用jQuery的val(‘’)方法高效地将其值设为空，同时融入代码优化技巧如jQuery对象缓存和toggle()方法，以提升代码的健壮性和可维护性。
2025-11-06 16:09:01
436
排查POST请求中的400 Bad Request错误：一份综合教程 当向后端API发起POST请求时遇到“400BadRequest”错误，通常意味着服务器无法处理或理解客户端发送的请求。本教程将深入探讨导致此类错误的常见原因，特别是请求负载格式、HTTP头部（Content-Type）与服务器期望不匹配等问题。我们将提供一套系统的排查方法，包括服务器端日志分析、客户端代码审查以及利用cURL和Postman等工具进行请求验证，旨在帮助开发者高效定位并解决问题。
2025-11-06 16:05:32
124
解决Fetch与PHP数据传输：表单数据发送与接收的正确实践 本文详细介绍了如何使用JavaScriptFetchAPI向PHP后端发送表单数据，并确保PHP正确接收和处理这些数据。核心在于正确配置客户端的Content-Type头为application/x-www-form-urlencoded，并使用URLSearchParams构造请求体，同时在PHP端通过$_POST超全局变量访问数据，避免常见的Content-Type与解析方式不匹配问题。
2025-11-06 16:01:09
658
使用正则表达式实现灵活的命令参数解析：克服关键字顺序限制 本文旨在提供一种使用正则表达式解析命令行或文本输入中，具有任意顺序关键字参数的通用方法。通过深入探讨正向先行断言（positivelookahead）的机制，我们将展示如何构建一个能够灵活匹配不同参数组合的正则表达式，从而有效提取所需信息，即使参数的出现顺序不固定，也能够确保解析的准确性和鲁棒性。
2025-11-06 15:58:36
947
深入理解 fetch API：为何 HEAD 与 GET 请求可能返回不同响应码 当使用JavaScript的fetchAPI来检查URL是否存在时，开发者可能会遇到令人困惑的场景，即对同一URL发起的HEAD和GET请求返回不同的HTTP响应码（例如，HEAD返回200，GET返回404）。本教程将解释fetch在未指定方法时默认使用GET。这种差异通常源于服务器端配置，其中端点对不同的HTTP方法有独特的处理方式，尤其是在资源存在性检查与内容检索之间，这突出了明确定义请求方法的重要性。
2025-11-06 15:58:01
738
WebGL鼠标事件驱动的像素点绘制教程 本教程旨在指导开发者如何利用鼠标事件在WebGL画布上绘制单个像素点。文章将深入探讨WebGL坐标转换、顶点属性gl.vertexAttrib2f的正确使用，以及gl.drawArrays中count参数的关键作用。通过纠正常见错误，如不当的缓冲区管理和绘制调用，提供一套简洁高效的JavaScript和GLSL代码实现，帮助读者理解JavaScript与GPU之间基于属性的通信机制。
2025-11-06 15:57:21
162
构建时代码优化技术：常量折叠、预计算与应用实践 本文深入探讨前端构建时代码优化技术，特别是“常量折叠”的概念及其在提升应用性能中的作用。我们将解析编译器/打包工具如何通过静态分析在构建阶段预执行代码、计算常量表达式，从而减少运行时开销。文章还将涵盖如何在Next.js等框架及Webpack、esbuild等构建工具中实现类似优化，以实现静态资源的预生成。
2025-11-06 15:57:01
705
深入理解Fetch API与HTTP方法：为何同一URL会返回不同响应码 本文探讨了JavaScriptfetchAPI在使用不同HTTP方法（如默认的GET与明确指定的HEAD）时，针对同一URL可能返回不同响应码的现象。核心在于服务器如何配置以处理特定HTTP方法，以及fetch默认行为与显式方法设置之间的差异。文章将通过示例代码解析此行为，并提供排查思路与注意事项，帮助开发者更好地理解和调试网络请求。
2025-11-06 15:52:35
568
相关专题
更多>
热门推荐
开源免费商场系统广告
热门教程
更多>
相关推荐
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新 English
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部