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
-
JS模拟按钮点击功能的方法
本文实例讲述了JS模拟按钮点击功能的方法.分享给大家供大家参考,具体如下: <html> <head> <title>usually function</title> </head> <script> function load(){ //下面两种方法效果是一样的 document.getElementById("target").onclick(); document.getElementById("t
-
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控制再次点击按钮之间的间隔时间可防止重复提交
<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控制按钮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
随机推荐
- udp协议简介_动力节点Java学院整理
- Oracle收购TimesTen 提高数据库软件性能
- 如何在Hyper-V虚拟机上安装WSUS服务器技巧
- js 随机数代码大全第1/2页
- php INI配置文件的解析实现分析
- C#中Convert.ToDecimal()报错问题的解决
- Android 中使用ExpandableListView 实现分组的实例
- nodejs教程之异步I/O
- 纯CSS制作的新闻网站中的文章列表
- JS实现的简单图片切换功能示例【测试可用】
- 自写一个模仿Dictionary与Foreach的实现及心得总结
- Nginx下WordPress链接(url伪静态)301永久重定向实现方法
- Windows下实现简单的libevent服务器
- 三个有用的 Switch 命令
- C#使用Socket快速判断数据库连接是否正常的方法
- Java编程中void方法的学习教程
- MyBatis如何使用(一)
- Android从图片获取二维码的方法
- Android实现悬浮对话框代码
- Flash CS3组件开发图文教程