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模拟按钮点击功能的方法
本文实例讲述了JS模拟按钮点击功能的方法.分享给大家供大家参考,具体如下: <html> <head> <title>usually function</title> </head> <script> function load(){ //下面两种方法效果是一样的 document.getElementById("target").onclick(); document.getElementById("t
-
防止按钮在短时间内被多次点击的方法
如果一个按钮可以在短时间内多次点击,那么有可能会被用户恶意点击,为防止这种情况,可以设定一定时间内只能点击一次,其他时间禁止点击按钮. 代码如下: 复制代码 代码如下: <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>Js定时事件</title> <script src="js/jquery-1.9.1.j
-
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控
-
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控制当再次点击按钮时的间隔时间
复制代码 代码如下: <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
随机推荐
- 用xslt+css让RSS显示的跟网页一样漂亮
- jQuery数据检索中根据关键字快速定位GridView指定行的实现方法
- Nginx 403 forbidden的解决办法
- springmvc之获取参数的方法(必看)
- perl中单行注释和多行注释使用介绍
- oracle中读写blob字段的问题解析
- javascript删除option选项的多种方法总结
- js中typeof的用法汇总
- ASP.NET生成树形显示的GridView实现思路
- 保存到桌面、设为桌面且带图标的PHP代码
- 将Django使用的数据库从MySQL迁移到PostgreSQL的教程
- 堆排序算法(选择排序改进)
- JavaScript学习笔记(十七)js 优化
- 简介操作MySQL日志的一些方法
- Express + Node.js实现登录拦截器的实例代码
- Java用Cookie限制点赞次数(简版)
- jQuery版仿Path菜单效果
- PHP判断浏览器、判断语言代码分享
- php实现留言板功能
- laravel5创建service provider和facade的方法详解