JS控制按钮10秒钟后可用的方法
本文实例讲述了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程序设计有所帮助。
相关推荐
-
js控制再次点击按钮之间的间隔时间可防止重复提交
<script type="text/javascript" language="javascript"> var wait = 60; function change() { $o = $("#J_refresh_checkcode"); if(wait == 0) { $o.removeAttr("disabled"); $o.html("看不清?换一张"); wait = 60; } el
-
js控制按钮,防止频繁点击响应的实例
为了防止频繁点击按钮,可以采用一个策略,点击一次后让按钮灰掉,暂时不可以用,一段时间后再可以用,伪代码如下: var clicktag = 0; $('.a_cc').click(function () { if (clicktag == 0) { clicktag = 1; $(this).addClass("a_bb"); alert('click触发了'); setTimeout(function () { clicktag = 0 }, 5000); } }); 以上这篇js控
-
防止按钮在短时间内被多次点击的方法
如果一个按钮可以在短时间内多次点击,那么有可能会被用户恶意点击,为防止这种情况,可以设定一定时间内只能点击一次,其他时间禁止点击按钮. 代码如下: 复制代码 代码如下: <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>Js定时事件</title> <script src="js/jquery-1.9.1.j
-
JS模拟按钮点击功能的方法
本文实例讲述了JS模拟按钮点击功能的方法.分享给大家供大家参考,具体如下: <html> <head> <title>usually function</title> </head> <script> function load(){ //下面两种方法效果是一样的 document.getElementById("target").onclick(); document.getElementById("t
-
js控制当再次点击按钮时的间隔时间
复制代码 代码如下: <script type="text/javascript" language="javascript"> var wait = 60; function change() { $o = $("#J_refresh_checkcode"); if(wait == 0) { $o.removeAttr("disabled"); $o.html("看不清?换一张"); wait
-
JS控制按钮10秒钟后可用的方法
本文实例讲述了JS控制按钮10秒钟后可用的方法.分享给大家供大家参考,具体如下: <script language="javascript"> function start() { document.getElementById("Button1").disabled = true; document.getElementById("Button1").value = 10; window.setTimeout("tick(
-
JS数组返回去重后数据的方法解析
话不多说,请看代码: function removeRepeat(data) { var temp = ""; var mainData = []; for (var i = 0; i < data.length; i++) { if (!data[i].parent) { temp = data[i]; for (var j = 0; j < data.length; j++) { if (temp.DeliveryType == data[j].DeliveryType
-
js获得地址栏?问号后参数的方法
比如地址:http://www.jb51.net/i?tn=list&word=liulan 复制代码 代码如下: $(document).ready(function () {var url = window.location.search;if (url.indexOf("?") != -1) {var str = url.substr(1)strs = str.split("&");for (i = 0; i < strs.length;
-
javascript实现十秒钟后注册按钮可点击的方法
本文实例讲述了javascript实现十秒钟后注册按钮可点击的方法.分享给大家供大家参考.具体分析如下: 1.注册按钮初始状态为不可用,disabled 2.启动定时器,setInterval,1秒钟运行一次CountDown方法,设定一个初始值为10的全局变量, 在CountDown方法中对全局变量倒数,然后将倒数的值写到注册按钮上(请仔细阅读协议(还剩8秒)). 3.直到全局变量的值<=0,就让注册按钮可用,将按钮的文本设置为"同意!" <html xmlns=&qu
-
JS实现5秒钟自动封锁div层的方法
本文实例讲述了JS实现5秒钟自动封锁div层的方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: <html> <head> <title>JS实现5秒钟自动封锁div层</title> <style type="text/css"> <!-- #sponsorAdDiv {position:absolute; height:1; width:1; top:0; left:0;} --> <
-
JavaScript控制按钮可用或不可用的方法
本文实例讲述了JavaScript控制按钮可用或不可用的方法.分享给大家供大家参考.具体如下: 下面的JS代码通过按钮对象的disabled属性控制按钮是否可用 <!DOCTYPE html> <html> <body> <form> Buttons: <input type="button" id="firstbtn" value="OK"> <input type="
-
JS实现n秒后自动跳转的两种方法
本文实例为大家分享了JS实现n秒后自动跳转的两种方法,供大家参考,具体内容如下 第一种使用SetInterval: $(function () { setInterval(ChangeTime, 1000); }); function ChangeTime() { var time; time = $("#time").text(); time = parseInt(time); time--; if (time <= 0) { window.location.href = &q
-
javascript实现选中复选框后相关输入框变灰不可用的方法
本文实例讲述了javascript实现选中复选框后相关输入框变灰不可用的方法.分享给大家供大家参考.具体如下: 在一些网站上经常会看到的这种功能,选中复选框,相关的选项为变灰色,不可用,看上去会专业一些,也是提升用户体验的一种方式. 运行效果如下图所示: 具体代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>选
-
JS点击链接后慢慢展开隐藏着图片的方法
本文实例讲述了JS点击链接后慢慢展开隐藏着图片的方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: <html> <title>JS点击链接后,慢慢展开隐藏着的图片</title> <body> <script language="JavaScript"> var b=0; var c=true; function fade(){ if(document.all); if(c == true){b+=3} i
-
javascript实现表单提交后,提交按钮不可用的方法
本文实例讲述了javascript实现表单提交后,提交按钮不可用的方法.分享给大家供大家参考.具体如下: 这里使用javascript控制表单提交后,提交按钮不可用,可以防止用户多次提交. <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>表单提交后按钮禁用</title> &l
随机推荐
- 如何限制上传文件的大小?
- 使用vbs获得外网ip并发送到邮箱里
- sql2005 本地计算机上的SQL SERVER服务启动后又停止了解决方法
- 利用DataSet部分功能实现网站登录
- 详解spring Boot Cli的配置和使用
- php cli配置文件问题分析
- C++ 数据结构线性表-数组实现
- 浅析c++ 宏 #val 在unicode下的使用
- 《JavaScript高级编程》学习笔记之object和array引用类型
- document.forms[].submit()使用介绍
- Bash Shell中的select命令简单使用示例
- 网页制作中十个最好的CSS hacks
- java中建立0-10m的消息(字符串)实现方法
- 30个让人兴奋的视差滚动(Parallax Scrolling)效果网站
- JS常用正则表达式总结
- 积分获取和消费的存储过程学习示例
- 简单了解C#设计模式编程中的桥接模式
- 简单JS代码压缩器
- 体验三大网络安全在线检测服务
- Ubuntu与windows双系统下共用MySQL数据库的方法