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 相关文章推荐
传智播客学习之java 反射
Nov 22 Javascript
JavaScript入门之事件、cookie、定时等
Oct 21 Javascript
JavaScript高级程序设计 读书笔记之九 本地对象Array
Feb 27 Javascript
用Js实现的动态增加表格示例自己写的
Oct 21 Javascript
js 数组操作之pop,push,unshift,splice,shift
Jan 29 Javascript
分享jQuery插件的学习笔记
Jan 14 Javascript
Javascript动画效果(3)
Oct 11 Javascript
Angularjs在360兼容模式下取数据缓存问题的解决办法
Jun 22 Javascript
JS将网址url转化为JSON格式的方法
Jul 02 Javascript
vue实现微信分享功能
Nov 28 Javascript
js全屏事件fullscreenchange 实现全屏、退出全屏操作
Sep 17 Javascript
JavaScript onclick事件使用方法详解
May 15 Javascript
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 join函数应用
2011/05/04 PHP
PHP安全上传图片的方法
2015/03/21 PHP
在openSUSE42.1下编译安装PHP7 的方法
2015/12/24 PHP
PHP使用PDO调用mssql存储过程的方法示例
2017/10/07 PHP
PHP代码加密的方法总结
2020/03/13 PHP
JQuery+Ajax无刷新分页的实例代码
2014/02/08 Javascript
JavaScript Function函数类型介绍
2015/04/08 Javascript
js实现文字滚动效果
2016/03/03 Javascript
关于JSON与JSONP简单总结
2016/08/16 Javascript
JavaScript prototype属性详解
2016/10/25 Javascript
基于jQuery实现Accordion手风琴自定义插件
2020/10/13 Javascript
Bootstrap 3 按钮标签实例代码
2017/02/21 Javascript
jquery仿京东侧边栏导航效果
2017/03/02 Javascript
基于Vue实现tab栏切换内容不断实时刷新数据功能
2017/04/13 Javascript
Vue自定义toast组件的实例代码
2018/08/15 Javascript
vue interceptor 使用教程实例详解
2018/09/13 Javascript
python的urllib模块显示下载进度示例
2014/01/17 Python
利用Python演示数型数据结构的教程
2015/04/03 Python
给Python的Django框架下搭建的BLOG添加RSS功能的教程
2015/04/08 Python
在Django的session中使用User对象的方法
2015/07/23 Python
python实现批量修改文件名代码
2017/09/10 Python
python学习入门细节知识点
2018/03/29 Python
Python面向对象类编写细节分析【类,方法,继承,超类,接口等】
2019/01/05 Python
使用python制作一个为hex文件增加版本号的脚本实例
2019/06/12 Python
使用python实现数组、链表、队列、栈的方法
2019/12/20 Python
亚马逊西班牙购物网站:amazon西班牙
2017/03/06 全球购物
VICHY薇姿英国官网:全球专业敏感肌护肤领先品牌
2017/07/04 全球购物
班长自荐书范文
2014/02/11 职场文书
十八届三中全会报告学习材料
2014/02/17 职场文书
公司合并协议书范本
2014/09/30 职场文书
2015年银行工作总结范文
2015/04/01 职场文书
搞笑的婚礼主持词
2015/06/29 职场文书
2019年感恩励志演讲稿(收藏备用)
2019/09/11 职场文书
iPhone13再次曝光
2021/04/15 数码科技
详解JS ES6编码规范
2021/05/07 Javascript
python中pandas对多列进行分组统计的实现
2021/06/18 Python