例子:倒计时按钮可用
<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
例子:倒计时按钮可用相关推荐
- 页面倒计时按钮的两种实现方式
页面倒计时按钮的两种实现方式: 现假设需求为:点击打开页面后,让用户阅读本页面内容并进行60s倒计时,倒计时结束后用户才可以点击"确定"按钮,进行页面跳转. ①第一种实现方式,打开 ...
- 让按钮倒计时5秒以后才能再次点击提交 倒计时按钮
让按钮倒计时5秒以后才能再次点击提交 倒计时 倒计时按钮 <script type="text/javascript"> var n = 0; var interval ...
- pyqt设置按钮可用
btn1.setEnabled(True) 设置窗口或者按钮可用,Flase不可用 获取是否可用: if btn1.isEnabled(): print('按钮可用') else: print('按钮 ...
- Python实现倒计时按钮
很多网站会在注册或交易后给出一个许可协议或提醒信息,一般页面上会有个按钮,但是这个按钮是倒计时的,在倒计时结束之前是禁用的.本文使用tkinter模拟了这样的倒计时按钮. import tkinter ...
- uniapp倒计时按钮,点击发送短信触发倒计时
uniapp倒计时按钮,点击发送短信和倒计时 个人开发时所需用到的,记录下来,便于下次快速使用 <template><view class="box">&l ...
- Flutter获取验证码倒计时按钮
在Flutter中,有一个定时器类Timer,使用方法: Timer timer = new Timer(new Duration(milliseconds: 60), (){//倒计时结束执行}); ...
- 【安卓基础】倒计时按钮封装(验证码倒计时按钮)
验证码按钮在项目的使用频率应该是100%,现在大多数应用都会采用手机号码登陆,通常都会支持发送验证码登陆的功能. 我在项目中也遇到这样的功能,特别在忘记密码的界面,我注意到一点:当发送验证码之后,要6 ...
- 金蝶EAS,设置界面大小、窗口标题、按钮可用
设定编辑界面大小,设置窗口标题,设置按钮可用等. @Override public void onLoad() throws Exception {super.onLoad();Dimension s ...
- html更改灰色按钮可用,点击提交按钮后按钮变灰色不可用状态的三种方法
第一种方法:直接按钮中加入 当点击提交后,提交按钮变灰色不可用,这样可有效防止重复提交,本代码就是实现这样一个功能.从代码就可以看出,我们只需在提交按钮上加入这一句: οnclick="ja ...
最新文章
- 60 Celery队列
- golang 中的sort 包
- 【技术综述】人脸妆造迁移核心技术总结
- Swift调用第三方OC项目
- Windows Store App 获取文件及文件夹列表
- php根据分类生成网址,PHP实现无限极分类生成分类树的方法
- NameNode 启动失败 - There appears to be a gap in the edit log. We expected txid xxx, but got tx
- oracle生成excle报表,oracle自动生成excel报表(时间为变量,条件含变量)
- 【项目实践】:KNN实现手写数字识别(附Python详细代码及注释)
- 1132: 零起点学算法39——多组测试数据(a+b)
- vc linux 中文版下载64位,vc2015运行库64位-vc++ 2015运行库64位下载 v14.0.23026官方版--pc6下载站...
- 努比亚手机浏览器 安全证书失效_今日热闻 | OnePlus 8海外版发布、Redmi科幻大片第一部公布、努比亚Play 5G宣布、快播正式破产拍卖...
- dell服务器开机自动进入bios设置,戴尔服务器不能进入BIOS的解决方案
- 双硬盘双系统(windows10+deepin)
- 硬盘安装XP蓝屏,U盘安装XP提示INF file txtsetup……
- 计算机信息单位换算中的t是,算力单位换算(算力单位t)
- Java开发基础知识学习总结之(上)-王者笔记建议收藏
- 春分节气介绍PPT模板
- 怎么样成为一名Python工程师?到底要会哪些东西?你会了多少?
- RabbitMQ的Qos
热门文章
- java虚拟机如何判断两个类相同_你有没有想过: Java 虚拟机是如何判断两个对象是否相同的?判断的流程是什么?...
- 获取顶级域名与一级域名的python库-tld
- 人工智能的炒作_解密人工智能:是炒作还是我们期望太高
- jlink烧录软件_使用 MCU BootUtility 工具来烧录I.MXRT
- QT键盘响应卡顿的解决方法
- android电视盒子解码很慢,电视盒子反应慢又卡原因及解决办法推荐!
- c语言自学技巧,轻松学C语言,教给你学习技巧
- php fpm 三个模式_php-fpm运行原理和模式的简单介绍
- gerrit的Change-Id机制和hook机制
- Java导出基础 用POI导出Excel