<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>

转载于:https://www.cnblogs.com/l5580/p/5909030.html

例子:倒计时按钮可用相关推荐

  1. 页面倒计时按钮的两种实现方式

    页面倒计时按钮的两种实现方式: 现假设需求为:点击打开页面后,让用户阅读本页面内容并进行60s倒计时,倒计时结束后用户才可以点击"确定"按钮,进行页面跳转. ①第一种实现方式,打开 ...

  2. 让按钮倒计时5秒以后才能再次点击提交 倒计时按钮

    让按钮倒计时5秒以后才能再次点击提交 倒计时 倒计时按钮 <script type="text/javascript"> var n = 0; var interval ...

  3. pyqt设置按钮可用

    btn1.setEnabled(True) 设置窗口或者按钮可用,Flase不可用 获取是否可用: if btn1.isEnabled(): print('按钮可用') else: print('按钮 ...

  4. Python实现倒计时按钮

    很多网站会在注册或交易后给出一个许可协议或提醒信息,一般页面上会有个按钮,但是这个按钮是倒计时的,在倒计时结束之前是禁用的.本文使用tkinter模拟了这样的倒计时按钮. import tkinter ...

  5. uniapp倒计时按钮,点击发送短信触发倒计时

    uniapp倒计时按钮,点击发送短信和倒计时 个人开发时所需用到的,记录下来,便于下次快速使用 <template><view class="box">&l ...

  6. Flutter获取验证码倒计时按钮

    在Flutter中,有一个定时器类Timer,使用方法: Timer timer = new Timer(new Duration(milliseconds: 60), (){//倒计时结束执行}); ...

  7. 【安卓基础】倒计时按钮封装(验证码倒计时按钮)

    验证码按钮在项目的使用频率应该是100%,现在大多数应用都会采用手机号码登陆,通常都会支持发送验证码登陆的功能. 我在项目中也遇到这样的功能,特别在忘记密码的界面,我注意到一点:当发送验证码之后,要6 ...

  8. 金蝶EAS,设置界面大小、窗口标题、按钮可用

    设定编辑界面大小,设置窗口标题,设置按钮可用等. @Override public void onLoad() throws Exception {super.onLoad();Dimension s ...

  9. html更改灰色按钮可用,点击提交按钮后按钮变灰色不可用状态的三种方法

    第一种方法:直接按钮中加入 当点击提交后,提交按钮变灰色不可用,这样可有效防止重复提交,本代码就是实现这样一个功能.从代码就可以看出,我们只需在提交按钮上加入这一句: οnclick="ja ...

最新文章

  1. 60 Celery队列
  2. golang 中的sort 包
  3. 【技术综述】人脸妆造迁移核心技术总结
  4. Swift调用第三方OC项目
  5. Windows Store App 获取文件及文件夹列表
  6. php根据分类生成网址,PHP实现无限极分类生成分类树的方法
  7. NameNode 启动失败 - There appears to be a gap in the edit log. We expected txid xxx, but got tx
  8. oracle生成excle报表,oracle自动生成excel报表(时间为变量,条件含变量)
  9. 【项目实践】:KNN实现手写数字识别(附Python详细代码及注释)
  10. 1132: 零起点学算法39——多组测试数据(a+b)
  11. vc linux 中文版下载64位,vc2015运行库64位-vc++ 2015运行库64位下载 v14.0.23026官方版--pc6下载站...
  12. 努比亚手机浏览器 安全证书失效_今日热闻 | OnePlus 8海外版发布、Redmi科幻大片第一部公布、努比亚Play 5G宣布、快播正式破产拍卖...
  13. dell服务器开机自动进入bios设置,戴尔服务器不能进入BIOS的解决方案
  14. 双硬盘双系统(windows10+deepin)
  15. 硬盘安装XP蓝屏,U盘安装XP提示INF file txtsetup……
  16. 计算机信息单位换算中的t是,算力单位换算(算力单位t)
  17. Java开发基础知识学习总结之(上)-王者笔记建议收藏
  18. 春分节气介绍PPT模板
  19. 怎么样成为一名Python工程师?到底要会哪些东西?你会了多少?
  20. RabbitMQ的Qos

热门文章

  1. java虚拟机如何判断两个类相同_你有没有想过: Java 虚拟机是如何判断两个对象是否相同的?判断的流程是什么?...
  2. 获取顶级域名与一级域名的python库-tld
  3. 人工智能的炒作_解密人工智能:是炒作还是我们期望太高
  4. jlink烧录软件_使用 MCU BootUtility 工具来烧录I.MXRT
  5. QT键盘响应卡顿的解决方法
  6. android电视盒子解码很慢,电视盒子反应慢又卡原因及解决办法推荐!
  7. c语言自学技巧,轻松学C语言,教给你学习技巧
  8. php fpm 三个模式_php-fpm运行原理和模式的简单介绍
  9. gerrit的Change-Id机制和hook机制
  10. Java导出基础 用POI导出Excel