例子:倒计时按钮可用

<div style="width:500px; height:500px; margin:100px 0px 0px 100px">

<input id="btn" type="submit" value="确定" style="width:100px; height:35px" disabled="disabled" />

<span id="daojishi">10</span>

<div style="margin-top:20px">

  <span id="h"></span>

  <span id="m"></span>

  <span id="s"></span> </div>

</div>

<script type="text/javascript">

window.setTimeout("YanChi()",1000);

function YanChi()

{

  var span = document.getElementById("daojishi");

  //改变span里面的值

  span.innerText = span.innerText-1;

  //判断是否减到了0

  if(span.innerText == 0)

  {

    document.getElementById("btn").removeAttribute("disabled");

    return;

  }

  window.setTimeout("YanChi()",1000);

}

window.setInterval("Bian()",1000);

function Bian()

{

  var sj = new Date();

  document.getElementById("h").innerText = sj.getHours();

  document.getElementById("m").innerText = sj.getMinutes();

  document.getElementById("s").innerText = sj.getSeconds();

}

</script>

时间: 2024-11-05 21:47:39

例子:倒计时按钮可用的相关文章

UWP 发送短信公用倒计时按钮

1.要求: 发送验证码按钮,点击后,会倒计时60s,之后才能再次点击.不同界面的多个验证码按钮共享这个倒计时时间. 2.操作步骤 1) 从登录界面-->忘记密码输入手机号-->下一步-->倒计时60s 2) 返回到注册页面-->输入手机号码-->下一步-->获取计时器倒计时到48s,然后从48s继续倒计时 3) 登录到个人中心-->账户安全-->修改登录密码-->获取计时器倒计时35s,然后从35s继续倒计时 4) 返回到个人中心-->账户安全-

iOS 短信验证码倒计时按钮的实现

验证码倒计时按钮的应用是非常普遍的,本文介绍了IOS实现验证码倒计时功能,点击获取验证码,进入时间倒计时,感兴趣的小伙伴们可以参考一下: 实现思路: 创建按钮,添加点击方法: 用NSTimer定时器,每秒执行一次,定时改变Button的title,改变Button的样式,设置Button不可点击: 若倒计时结束,定时器关闭,并改变Button的样式,可以点击: 代码如下: 在按钮的点击事件里调用该方法      -(void)openCountdown{ __block NSInteger ti

勾选复选框按钮可用否则不可用

勾选复选框按钮可用否则不可用 function check(){ var chec=document.getElementById("chec"); if(chec.checked==true){ alert(1111) document.getElementById("btn").removeAttribute("disabled") }else{ alert(22222) document.getElementById("btn&q

delphi倒计时按钮写法

procedure TForm1.FormActivate(Sender: TObject); var i: Integer; begin btn8.Enabled:=False; for I := 5 downto 0 do begin Sleep(1000); btn8.Caption := Format('请认真查看(%d)', [I]); //ShowMessage(IntToStr(i)); if I = 0 then btn8.Enabled:=True; Application.P

倒计时按钮效果

倒计时按钮效果 by 伍雪颖 @implementationCountButton { UIColor *normal_bgColor; UIColor *enabled_bgColor; NSTimer *timer; NSInteger startCount; NSInteger originNum; UILabel *timeLabel; } - (id)initWithFrame:(CGRect)frame { self = [super initWithFrame:frame]; if

iOS快速实现一个保存记录的倒计时按钮

iOS开发中在登录.注册.找回密码等页面经常需要实现倒计时按钮,但是很多情况下用户点击倒计时按钮开始倒计时之后,再次进入页面,又可以再次点击,倒计时记录不会保留,虽然一般情况下服务端会再次校验,但是我们可以实现得更加严谨. ZXCountDownView 支持自动保存倒计时记录,即使退出当前控制器,重启App,倒计时仍然保留,支持多个不同控制器共用一个倒计时记录,例如登录.注册.找回密码页面共用一个倒计时记录,点击任意一个按钮倒计时记录将实时同步. ZXCountDownView 安装 通过Co

android学习小例子——验证码倒计时按钮

1.activity_main.xml: 1 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" 2 xmlns:tools="http://schemas.android.com/tools" 3 android:layout_width="match_parent" 4 android:layout_height="match_p

前端学习——ionic/AngularJs——获取验证码倒计时按钮

 按钮功能为:点击"获取验证码"--按钮不可用-设置倒计时-60秒后重新获取. 代码借鉴于:http://plnkr.co/edit/Swj82MpJSix3a47jZRHP?p=preview 主要实现原理:点击后,设置一个$interval,每一秒更改一次剩余时间,并依赖Angular数据绑定实时显示在页面中.设置一个$timeout,60秒后将按钮初始化到可用状态. 实现代码: (1)js代码,设置成一个directive以便多次调用. angular.module('winwi

Android发送验证码的倒计时按钮

1 直接上图 2 原理 原理很简单,就是把相应的倒计时逻辑等封装到一个控件中,并向外部提供接口. 3 代码 import java.util.Timer; import java.util.TimerTask; import android.content.Context; import android.os.Handler; import android.os.Message; import android.util.AttributeSet; import android.view.Layo