js实现倒计时60秒的简单代码(推荐)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>js实现倒计时60秒的简单代码(推荐)</title>
    <script type="text/javascript" src="js/jquery.js"></script>
</head>

<body>
<input type="button" id="btn" value="免费获取验证码" onclick="settime(this)" />
<script type="text/javascript">
    var countdown=60;
    function settime(val) {
        if (countdown == 0) {
            val.removeAttribute("disabled");
            val.value="免费获取验证码";
            countdown = 60;
        } else {
            val.setAttribute("disabled", true);
            val.value="重新发送(" + countdown + ")";
            countdown--;
            setTimeout(function() {
                settime(val)
            },1000)
        }

    }
</script>
</body>
</html>
时间: 2024-09-30 19:57:43

js实现倒计时60秒的简单代码(推荐)的相关文章

js 验证码 倒计时60秒

<input type="button" id="btn" value="免费获取验证码" /> <script type="text/javascript"> var wait=60; function time(o) { if (wait == 0) { o.removeAttribute("disabled"); o.value="免费获取验证码"; wai

点击按钮 倒计时60秒方可再次点击发送的Js代码

本节内容:Javascript 实现 点击按钮 倒计时60秒方可再次点击发送的效果. 比如,一些网站上的手机短信认证的功能,有类似实现点击按钮后,倒计时60秒才能再次点击发送的效果. 本文用Javascript实现点击按钮后,倒计时60秒才能再次点击发送验证码的功能. 例子: 复制代码代码示例: <input type="button" id="btn" value="免费获取验证码" /><script type="

小程序倒计时60秒以及解决ios页面晃动问题(前端网备份)

1>小程序ios页面晃动问题,上下晃动是因为机子本身问题,左右问题可以解决.container{padding-bottom: 0;background-repeat: no-repeat;background-size: 100% auto;background-position: bottom center;}包个container2>小程序倒计时60秒 以及倒计时的时候按钮无法点击 ,60秒之后重新<form bindsubmit="formSubmit" bi

Windows倒计时60秒关机程序【6个下载】

在网上搜了很久都没找到合适使用的倒计时关机程序,要求有友好的提示界面,还可取消关机操作.干脆就自动动手做,一不留神就做了6个,喜欢的拿去.建议跟本人设计的<Windows定时任务>配合使用,效果更佳. 倒计时60秒关机1  点击这里下载 倒计时60秒关机2  点击这里下载 倒计时60秒关机3  点击这里下载 倒计时60秒关机4  点击这里下载 倒计时60秒关机5  点击这里下载 倒计时60秒关机6  点击这里下载

【原创】倒计时60秒关机小程序下载

    下载地址: (提取码:cx1r) 这是两款不同风格的倒计时60秒关机小程序,与Windows任务计划程序配合使用,简直棒极了. 原文地址:https://www.cnblogs.com/conducer/p/10640034.html

对安卓获取验证码倒计时60秒Button按钮的简单封装

鉴于经常在注册获取验证码时候需要一个倒计时按钮觉得很麻烦,抽点时间写了一个TimeButton 键鼠下特性, TimeButton使用的时候跟普通Button一样没有冲突, TimeButton在倒计时的时候返回了如果没有超过剩下的时间再次进入会继续跑时哦, TimeButton里面完成了按钮的点击显示和倒计时逻辑, TimeButton在activity销毁后也会销毁不会像线程一样还在后台跑, TimeButton的显示文字和倒计时都可以自行设置当然也有默认的, 原创地址 http://wri

短信倒计时60秒

var timer=null; clearTimeout(timer); _this.controlTime($('#sendyzm-btn-bb'), 60); // 控制时间为60秒 controlTime: function(sendbtn, wait){ var self = this; if (wait == 0) { sendbtn.prop("disabled",false).removeClass('sendyzm-ing').val('发送验证码'); wait =

js 短信60秒倒计时

废话不多说,看代码. 这是获取短信的按钮 <a href="javascript:void(0);" id="gSMS" onclick="get_sms_captcha('2')" style="font-size: 0.6rem;color: #444;left: 0.5rem;">获取短信验证码</a> 下面是js代码,思想就是定义60的数,然后定时器设置为一秒,每一秒执行一次.等到0是就可以重新

js倒计时60秒获取验证码

var wait=60; function settime(o) { if (wait == 0) { o.removeAttribute("disabled"); o.value="发送验证码"; wait = 60; } else { o.setAttribute("disabled", true); o.value="重新发送(" + wait + ")"; wait--; setTimeout(fu