`

js禁用button,js 将某个按钮禁用5秒钟

阅读更多
<FORM action=reg.asp?action=apply method=post>
<INPUT type=submit value="请认真查看<服务条款和声明>(10 秒后继续)" ></Form>

<SCRIPT language=javascript>
   var secs = 10;
   document.agree.agreeb.disabled=true;
   for(i=1;i<=secs;i++) {
       window.setTimeout("update(" + i + ")", i * 1000);
   }
 function update(num) {
   if(num == secs) {
       document.agree.agreeb.value ="同意并注册";
       document.agree.agreeb.disabled=false;
   }
   else {
       printnr = secs-num;
       document.agree.agreeb.value = "请认真查看<服务条款和声明> (" + printnr +" 秒后继续)";
   }
}
</SCRIPT>

 

 

###注意:使用js如何禁用button按钮:

  <input type="button" id="test" value="测试按钮" onclick="testButton()"/>

<script type="text/javascript">

 function testButton()

 {      

       var aaa = document.getElementById('test');

       aaa.disabled=true; //使用true或false,控制是否让按钮禁用

  } 

</script>

 

分享到:
评论
1 楼 qq297785162 2014-11-06  
[color=blue][/color]

相关推荐

    javascript 禁用button 10秒钟

    在探讨“javascript禁用button 10秒钟”的技术细节前,我们先理解这一需求的核心——在用户界面上,为了防止用户连续点击按钮导致不必要的请求或操作,或是为了确保用户有足够的时间阅读某些重要信息(如服务条款)...

    JS控制按钮10秒钟后可用的方法

    例如,如果需要在用户完成某个操作后才启用按钮,那么可能需要将按钮的初始禁用逻辑和倒计时逻辑分离,根据实际操作的结果来决定是否启动倒计时。 总结来说,通过上述方法,可以有效控制按钮的可用状态,避免了用户...

    【JavaScript源代码】jQuery实现发送验证码控制按钮禁用功能.docx

    当`n`的值减少到0或以下时,使用`clearInterval`停止定时器,然后将按钮的文本恢复为“重新发送”,并解除按钮的禁用状态,通过`prop("disabled", false)`实现。 这个示例展示了如何利用jQuery轻松地实现一个简单...

    BootStrap中按钮点击后被禁用按钮的最佳实现方法

    // 禁用button元素 $('button').addClass('disabled'); $('button').prop('disabled', true); // 禁用类型为button的input元素 $('input[type=button]').addClass('disabled'); $('input[type=button]').prop('...

    让按钮失效5秒的js代码

    这种情况下,我们通常会使用JavaScript来使按钮在一段时间内失效,例如5秒钟。以下是对标题和描述中提及的三种方法的详细解释。 **方法一** ```javascript function disableButton() { var button = document....

    点击按钮后5s内不能再次点击该按钮

    因此,设计5秒的冷却期,就是在用户首次点击后,禁用按钮5秒钟,确保在这段时间内用户无法再次点击,待处理完成或计时结束后按钮重新启用。 实现这一功能的方法有很多种,通常涉及前端和后端的交互。在前端,我们...

    javascript实现十秒钟后注册按钮可点击的方法

    最后,我们利用这段JavaScript代码可以实现这样一个功能:当用户打开网页后,注册按钮将被禁用,并开始一个十秒钟的倒计时。用户必须等待十秒钟,倒计时结束后,按钮才会变为可点击状态,并显示“同意!”的提示。 ...

    JavaScript代码判断点击第几个按钮

    否则,禁用按钮并更新其值,表示剩余的等待时间。`setTimeout`用于在每秒钟后调用`time`函数,递减等待时间。 总结来说,通过JavaScript,我们可以轻松地实现对用户点击按钮的跟踪和控制。第一种方法允许我们识别...

    点击按钮出现60秒倒计时的简单js代码(推荐)

    在网页交互设计中,有时需要实现一种功能:用户点击按钮后,该按钮会进入禁用状态,并显示一个倒计时,通常用于限制用户频繁操作,比如发送验证码或重试某个功能。本文将详细讲解如何使用JavaScript实现一个60秒倒...

    js代码实现点击按钮出现60秒倒计时

    本文将详细介绍如何使用JavaScript实现点击按钮后显示60秒倒计时的功能,常见于手机短信验证或重试操作等场景。 首先,我们来看一个基础的例子。在这个例子中,我们创建了一个HTML按钮元素,并通过JavaScript来控制...

    【JavaScript源代码】用Javascript实现发送短信验证码间隔功能.docx

    - 如果`time`小于0,说明倒计时已经结束,因此清除定时器,恢复按钮的启用状态,并将按钮的文字恢复为“发送验证码”。 ```javascript if (time ) { clearInterval(timer); btn.disabled = false; btn....

    纯js实现重发验证码按钮倒数功能

    否则,它将禁用按钮,更新按钮文本显示剩余的倒计时秒数,并通过`setTimeout`设置一个1秒钟后执行的回调,再次调用`settime`函数,从而形成递归倒计时。 第二个代码示例没有依赖任何外部库,而是使用原生JavaScript...

    解决vue 按钮多次点击重复提交数据问题

    这个问题可以通过多种方法解决,其中一种常见且有效的方法是利用按钮的禁用(disabled)状态。在标题和描述中提到的解决方案正是通过控制按钮的禁用状态来避免重复点击。 在Vue组件中,我们可以创建一个名为`...

    Jquery倒数计时按钮setTimeout的实例代码

    本文主要介绍了如何使用jQuery实现一个倒数计时按钮的功能,通过setTimeout函数的递归调用实现倒数计时效果,并且在按钮倒计时结束后禁用按钮。以下是对给定文件内容中知识点的详细说明: 知识点一:jQuery简介 ...

    JS实现点击发送验证码 xx秒后重新发送功能

    3. 如果`countdown`不为0,则将按钮禁用,并更新按钮上显示的文字为“重新发送 (剩余秒数)”,随后递减`countdown`变量的值。 4. 使用`setTimeout`函数来设置一个定时器,每隔1秒钟调用一次`setTime`函数,直到`...

    angular-buttons-and-tabs

    该按钮应在被点击后变为禁用状态,并将其文本更改为“正在加载...”四秒钟。 这段时间结束后,它应该恢复到原来的状态。 (例如: output.gif ) 选项卡式界面应显示多个选项卡标题,单击这些标题后,会在可视区域...

    layer弹出层倒计时关闭的实现方法

    通过设置定时器setInterval(),每隔1秒钟调用一次fn()函数,该函数负责更新按钮上的文字,并递减变量i的值。一旦i的值减至0,则停止定时器,改变按钮的背景颜色,更新按钮上的文字为“提交”,并调用layer的API来...

Global site tag (gtag.js) - Google Analytics