JS控制按钮10秒钟后可用的方法


Posted in Javascript onDecember 22, 2015

本文实例讲述了JS控制按钮10秒钟后可用的方法。分享给大家供大家参考,具体如下:

<script language="javascript">
function start()
{
  document.getElementById("Button1").disabled = true;
  document.getElementById("Button1").value = 10;
  window.setTimeout("tick()",1000);
}
function tick()
{
  var time = new Number(document.getElementById("Button1").value);
  if(time>0)
  {
    document.getElementById("Button1").value = time-1;
    window.setTimeout("tick()",1000);
  }
  else
  {
    document.getElementById("Button1").disabled = false;
    document.getElementById("Button1").value = "保存";
  }
}
</script>
<form>
<INPUT TYPE="button" NAME="Button1" id="Button1">
</form>
<script language=javascript>
 start();
</script>

希望本文所述对大家JavaScript程序设计有所帮助。

Javascript 相关文章推荐
URL编码转换,escape() encodeURI() encodeURIComponent()
Dec 27 Javascript
jquery 屏蔽一个区域内的所有元素,禁止输入
Oct 22 Javascript
关于js拖拽上传 [一个拖拽上传修改头像的流程]
Jul 13 Javascript
jquery实现未经美化的简洁TAB菜单效果
Aug 28 Javascript
js仿支付宝填写支付密码效果实现多方框输入密码
Mar 09 Javascript
HTML中使背景图片自适应浏览器大小实例详解
Apr 06 Javascript
使用vue构建一个上传图片表单
Jul 04 Javascript
ReactNative Image组件使用详解
Aug 07 Javascript
JS删除数组里的某个元素方法
Feb 03 Javascript
vue webpack打包后图片路径错误的完美解决方法
Dec 07 Javascript
JS+php后台实现文件上传功能详解
Mar 02 Javascript
jquery实现上传文件进度条
Mar 26 jQuery
js实现C#的StringBuilder效果完整实例
Dec 22 #Javascript
JavaScript判断对象是否为数组
Dec 22 #Javascript
javascript中类的定义方式详解(四种方式)
Dec 22 #Javascript
jquery获取select选中值的方法分析
Dec 22 #Javascript
JS设置下拉列表框当前所选值的方法
Dec 22 #Javascript
点评js异步加载的4种方式
Dec 22 #Javascript
JS模拟按钮点击功能的方法
Dec 22 #Javascript
You might like
一步一步学习PHP(6) 面向对象
2010/02/16 PHP
使用php测试硬盘写入速度示例
2014/01/27 PHP
php实现设计模式中的单例模式详解
2014/10/11 PHP
PHP框架性能测试报告
2016/05/08 PHP
Ext.FormPanel 提交和 Ext.Ajax.request 异步提交函数的区别
2009/11/12 Javascript
js 取时间差去掉周六周日实现代码
2012/12/25 Javascript
JQuery控制DIV的选取实现方法
2016/09/18 Javascript
IE8兼容Jquery.validate.js的问题
2016/12/01 Javascript
JavaScript实现简单的四则运算计算器完整实例
2017/04/28 Javascript
深入浅析AngularJS中的一次性数据绑定 (bindonce)
2017/05/11 Javascript
[js高手之路]从原型链开始图解继承到组合继承的产生详解
2017/08/28 Javascript
Node.js console控制台简单用法分析
2019/01/04 Javascript
vue实现局部刷新的实现示例
2019/04/16 Javascript
基于Vue实现平滑过渡的拖拽排序功能
2019/06/12 Javascript
js获取对象,数组所有属性键值(key)和对应值(value)的方法示例
2019/06/19 Javascript
简单了解vue中父子组件如何相互传递值(基础向)
2019/07/12 Javascript
关于layui表单中按钮自动提交的解决方法
2019/09/09 Javascript
前端 javascript 实现文件下载的示例
2020/11/24 Javascript
[38:51]2014 DOTA2国际邀请赛中国区预选赛 Orenda VS LGD-CDEC
2014/05/22 DOTA
[08:53]DOTA2每周TOP10 精彩击杀集锦vol.9
2014/06/26 DOTA
Python实现获取某天是某个月中的第几周
2015/02/11 Python
Python和GO语言实现的消息摘要算法示例
2015/03/10 Python
详细介绍Python中的偏函数
2015/04/27 Python
python实现爬虫统计学校BBS男女比例之多线程爬虫(二)
2015/12/31 Python
vscode 远程调试python的方法
2017/12/01 Python
python实现七段数码管和倒计时效果
2019/11/23 Python
canvas学习笔记之2d画布基础的实现
2019/02/21 HTML / CSS
Html5实现首页动态视频背景的示例代码
2019/09/25 HTML / CSS
英国领先的在线高尔夫商店:Gamola Golf
2019/11/16 全球购物
民生工程实施方案
2014/03/22 职场文书
个人借款担保书
2014/04/02 职场文书
六查六看个人剖析材料
2014/10/14 职场文书
意向协议书
2015/01/27 职场文书
苦儿流浪记读书笔记
2015/07/01 职场文书
mysql timestamp比较查询遇到的坑及解决
2021/11/27 MySQL
Java 获取Word中所有的插入和删除修订的方法
2022/04/06 Java/Android