JS倒计时 按钮

转载 2013年12月02日 09:29:03
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>JS实现按钮等待倒计时效果丨网页学习网丨WWW.lodidance.com</title>
</head>

<body>
<h1 align="center">JS实现按钮等待倒计时效果</h1>
<div style="text-align:center">
<form id="zzjs_net" name="zzjs_net" method="post" action="">
<input type="submit" name="Submit" value="同意" />
</form>
</div>

<script language="javascript">
document.zzjs_net.Submit.disabled = true;
var speed = 1000; //速度
var wait = 10; //停留时间
function updateinfo(){
if(wait == 0){
document.zzjs_net.Submit.value = "我同意";
document.zzjs_net.Submit.disabled = false;
}
else{
document.zzjs_net.Submit.value = "网页学习网提示您:请先阅读条款"+wait;
wait--;
window.setTimeout("updateinfo()",speed);
}
}
updateinfo();
</script>

<p align="center">本特效由 <a href="http://www.lodidance.com/">网页学习网</a> 收集于互联网,只为兴趣与学习交流,不作商业用途。</p>

</body>

</html>

+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

<input type="button" value="盖章"  id="stamp" onclick="stampBill()">

 

取stamp, var stamp = document.getElementById("stamp");

 

 设置盖章按钮为不可用

stamp.disabled=true;

 

设置为可用

stamp.disabled=false;

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

同意《casskkc2》的回答,但是增加一点补充
1.如果让本页转向新的页面则用:
<input type=button onclick="window.location.href('连接')"> 
2.如果需要打开一个新的页面进行转向,则用:
<input type=button onclick="window.open('连接')">

我是把超链接设在按钮里了,这样点下去实际上是超链接而看上去像按钮。
<input type="button"><a href="#">***</a>
#是你要连接的地址,***是在按钮上显示的文字。
评论(12)|262
2007-12-07 20:39滩头守望者| 来自手机知道|三级
<input type=button  onclick="window.open('超链接地址')">
评论(1)|41
2007-12-07 21:46casskkc2|四级
<input type=button onclick="window.location.href('连接')">
<input type=button onclick="window.open('连接')">

相关文章推荐

js注册按钮读秒倒计时代码

js注册按钮读秒倒计时代码                       能介绍                     js注册按钮读秒倒计时代码js注册按钮读秒倒计时代码js...
  • wugouzi
  • wugouzi
  • 2013年10月11日 17:51
  • 3651

js点击按钮倒计时---servlet并接收

按钮点击 倒计时,js网站验证码点击按钮 倒计时

按钮被点击后屏蔽点击且倒计时60S能再次被点击和JS实现和JQuery实现

出处:http://blog.csdn.net/qq_26525215 本文源自【大学之旅_谙忆的博客】 这个主要是用在手机验证码注册的时候用的多,  比如: 正如上图...
  • Evan_QB
  • Evan_QB
  • 2017年07月30日 10:52
  • 782

按钮被点击后屏蔽点击且倒计时60S能再次被点击-JS实现和JQuery实现

转载请注明出处:http://blog.csdn.net/qq_26525215 本文源自【大学之旅_谙忆的博客】 这个主要是用在手机验证码注册的时候用的多, 比如: 正如上图所示那样-6...

使用js完成点击获取动态码后按钮倒计时效果

注册登录时通常会要求用户填写手机号获取手机短信验证码,而没获取一条验证码,网站需要支付一定费用。 为防止恶意攻击造成不必要的开销,需要在获取验证码的按钮上进行控制。 我们通常所见到的是每隔60秒或...

android短信验证码功能实现,包含按钮倒计时操作

实习的时候,公司注册页面需要加上短信验证码的功能,就自己做了一个,使用的是聚合数据的短信验证SDK进行验证。首先下载短信验证码SDK,不懂的朋友自行百度聚合数据,然后配置环境,导入相关的jar包. ...

实现button按钮上的倒计时

创建一个buttonUIButton *button = [UIButton buttonWithType:(UIButtonTypeCustom)];设置位置button.frame = CGRec...

iOS 分类之按钮倒计时UIButton+CountDown

UIButton+CountDown.h #import typedef void(^RunBlock)(UIButton *button, NSInteger totalTime, NSIntege...

通过ValueAnimator 来实现按钮点击后倒计时的效果

布局文件:

自定义Button之实现点击按钮实现倒计时功能

其实,实现倒计时功能非常容易,因为Android已经将该功能封装好了我们只要使用就可以了因为简单我这里也不多说直接上代码, 在自定义VIew中我继承Button public class Count...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:JS倒计时 按钮
举报原因:
原因补充:

(最多只允许输入30个字)