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 相关文章推荐
[原创]用javascript实现检测指定目录是否存在的方法
Jan 12 Javascript
jQuery Mobile的loading对话框显示/隐藏方法分享
Nov 26 Javascript
jQuery 选择器详解
Jan 19 Javascript
node.js操作mongodb学习小结
Apr 25 Javascript
javascript for-in有序遍历json数据并探讨各个浏览器差异
Nov 30 Javascript
javascript每日必学之循环
Feb 19 Javascript
JavaScript事件学习小结(三)js事件对象
Jun 09 Javascript
jQuery模拟实现天猫购物车动画效果实例代码
May 25 jQuery
Angular2学习笔记之数据绑定的示例代码
Jan 03 Javascript
js隐式转换的知识实例讲解
Sep 28 Javascript
vue-cli中实现响应式布局的方法
Mar 02 Vue.js
JavaScript 对象创建的3种方法
Nov 17 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
基于数据库的在线人数,日访问量等统计
2006/10/09 PHP
解决phpmyadmin中文乱码问题。。。
2007/01/18 PHP
PHP文件操作实现代码分享
2011/09/01 PHP
2014过年倒计时示例
2014/01/31 PHP
在win系统安装配置 Memcached for PHP 5.3 图文教程
2015/03/03 PHP
laravel框架中控制器的创建和使用方法分析
2019/11/23 PHP
PHP如何获取Cookie并实现模拟登录
2020/07/16 PHP
弹出层之1:JQuery.Boxy (一) 使用介绍
2011/10/06 Javascript
使用Nodejs开发微信公众号后台服务实例
2014/09/03 NodeJs
JavaScript中实现异步编程模式的4种方法
2014/09/24 Javascript
JavaScript的事件代理和委托实例分析
2015/03/25 Javascript
关于获取DIV内部内容报错的原因分析及解决办法
2016/01/29 Javascript
jQuery实现简洁的轮播图效果实例
2016/09/07 Javascript
解决vue中无法动态修改jqgrid组件 url地址的问题
2018/03/01 Javascript
React学习笔记之高阶组件应用
2018/06/02 Javascript
Nodejs实现的操作MongoDB数据库功能完整示例
2019/02/02 NodeJs
9102年webpack4搭建vue项目的方法步骤
2019/02/20 Javascript
javascript实现5秒倒计时并跳转功能
2019/06/20 Javascript
Vue 实现一个命令式弹窗组件功能
2019/09/25 Javascript
解决Vue的项目使用Element ui 走马灯无法实现的问题
2020/08/03 Javascript
[01:15:18]2014 DOTA2国际邀请赛中国区预选赛 LGD VS Speed Gaming.cn
2014/05/22 DOTA
解决Python中由于logging模块误用导致的内存泄露
2015/04/23 Python
python中循环语句while用法实例
2015/05/16 Python
Tensorflow实现卷积神经网络用于人脸关键点识别
2018/03/05 Python
详解用Python为直方图绘制拟合曲线的两种方法
2019/08/21 Python
Linux下升级安装python3.8并配置pip及yum的教程
2020/01/02 Python
CentOS7下安装python3.6.8的教程详解
2020/01/03 Python
python实现拼接图片
2020/03/23 Python
matplotlib基础绘图命令之errorbar的使用
2020/08/13 Python
python 如何设置守护进程
2020/10/29 Python
python切割图片的示例
2020/11/12 Python
雷蛇美国官网:Razer
2020/04/03 全球购物
员工工作自我评价
2014/09/26 职场文书
乡镇党员干部四风对照检查材料思想汇报
2014/09/27 职场文书
幼儿园音乐教学反思
2016/02/18 职场文书
教你使用Jenkins集成Harbor自动发布镜像
2022/04/03 Servers