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 相关文章推荐
jQuery仿Excel表格编辑功能的实现代码
May 01 Javascript
基于Unit PNG Fix.js有时候在ie6下不正常的解决办法
Jun 26 Javascript
了不起的node.js读书笔记之例程分析
Dec 22 Javascript
Vue.js每天必学之数据双向绑定
Sep 05 Javascript
详解Jquery的事件操作和文档操作
Dec 19 Javascript
Angular.js实现多个checkbox只能选择一个的方法示例
Feb 24 Javascript
layer弹出层框架alert与msg详解
Mar 14 Javascript
vue.js实现备忘录功能的方法
Jul 10 Javascript
元素全屏的设置与监听实例
Nov 28 Javascript
详解vue-admin和后端(flask)分离结合的例子
Feb 12 Javascript
微信小程序实现手势滑动卡片效果
Aug 26 Javascript
基于canvasJS在PHP中制作动态图表
May 30 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
关于手调机和数调机的选择
2021/03/02 无线电
PHP脚本的10个技巧(3)
2006/10/09 PHP
php 文件上传类代码
2011/08/06 PHP
两个php日期控制类实例
2014/12/09 PHP
php 数组处理函数extract详解及实例代码
2016/11/23 PHP
jQueryUI的Dialog的简单封装
2010/06/07 Javascript
ajax页面无刷新 IE下遭遇Ajax缓存导致数据不更新的问题
2012/12/11 Javascript
javascript操作html控件实例(javascript添加html)
2013/12/02 Javascript
兼容Firefox的Javascript XSLT 处理XML文件
2014/12/31 Javascript
100多个基础常用JS函数和语法集合大全
2017/02/16 Javascript
jQuery自定义元素右键点击事件(实现案例)
2017/04/28 jQuery
nodejs+express搭建多人聊天室步骤
2018/02/12 NodeJs
解决微信小程序防止无法回到主页的问题
2018/09/28 Javascript
2019年度web前端面试题总结(主要为Vue面试题)
2020/01/12 Javascript
Chrome插件开发系列一:弹窗终结者开发实战
2020/10/02 Javascript
Webpack3+React16代码分割的实现
2021/03/03 Javascript
[01:17:12]职来职往完美电竞专场
2014/09/18 DOTA
python采用getopt解析命令行输入参数实例
2014/09/30 Python
基于python3 pyQt5 QtDesignner实现窗口化猜数字游戏功能
2019/07/15 Python
python multiprocessing模块用法及原理介绍
2019/08/20 Python
Python切图九宫格的实现方法
2019/10/10 Python
python3使用Pillow、tesseract-ocr与pytesseract模块的图片识别的方法
2020/02/26 Python
如何在Python 游戏中模拟引力
2020/03/27 Python
Python写捕鱼达人的游戏实现
2020/03/31 Python
Python爬虫爬取新闻资讯案例详解
2020/07/14 Python
HTML5 Blob 实现文件下载功能的示例代码
2019/11/29 HTML / CSS
HTML5单选框、复选框、下拉菜单、文本域的实现代码
2020/12/01 HTML / CSS
构造器Constructor是否可被override?
2013/08/06 面试题
写一个方法,输入一个文件名和一个字符串,统计这个字符串在这个文件中出现的次数
2016/04/13 面试题
经贸日语专业个人求职信
2013/12/13 职场文书
大学毕业自我评价
2014/02/02 职场文书
促销活动总结怎么写
2014/06/25 职场文书
党员创先争优心得体会
2014/09/11 职场文书
社区党员干部承诺书
2015/05/04 职场文书
聊聊JS ES6中的解构
2021/04/29 Javascript
浅谈如何保证Mysql主从一致
2022/03/13 MySQL