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实现按钮重新发送验证码倒计时效果

//倒计时 var wait = 60; function time(o) { if (wait == 0) { o.removeAttribu...
  • u014010798
  • u014010798
  • 2015年11月25日 16:27
  • 1591

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

无标题文档 var countdown=60; function settime(val) { if (countdown == 0) { val.removeAttri...
  • wybshyy
  • wybshyy
  • 2016年08月04日 10:39
  • 2110

JS实现自动倒计时30秒后按钮才可用

setTimeout function(),JS实现自动倒计时30秒后按钮才可用
  • qq_25887937
  • qq_25887937
  • 2015年10月27日 13:17
  • 1402

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

无标题文档            var countdown=60;  function settime(val) {  if (countdown == 0) {  val.removeAttr...
  • caixiajia
  • caixiajia
  • 2016年10月13日 11:34
  • 1155

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

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

js控制按钮倒计时

var maxtime = 5; //一个小时,按秒计算,自己调整!    function CountDown(){ //var timerw=document.getElementByI...
  • xiaozhao_19
  • xiaozhao_19
  • 2012年12月04日 14:55
  • 520

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

按钮点击 倒计时,js网站验证码点击按钮 倒计时
  • dada111111111
  • dada111111111
  • 2016年05月07日 00:31
  • 729

jquery ajax回调函数中实现按钮置灰倒计时

主要是实现异步手机发送短信成功之后在ajax的success回调中实现将发送按钮置灰并倒计时,刚开始一直报js错误,问题可能出在于调用ajax之后this被更新,随意在这之前先把this对象赋给一个变...
  • awj3584
  • awj3584
  • 2013年11月18日 17:52
  • 7130

js 倒计时

html>head>head>body bgColor=#fef4d9 onLoad="display()">SCRIPT LANGUAGE="JavaScript">...  Beginvar ms...
  • liu_xing_hui
  • liu_xing_hui
  • 2008年01月26日 10:48
  • 396

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

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> http://www.w3.org/1999/xhtml"> 无标题文档 ...
  • liangzhuangdongtou
  • liangzhuangdongtou
  • 2017年04月20日 13:12
  • 822
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:JS倒计时 按钮
举报原因:
原因补充:

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