关闭

JS倒计时 按钮

2224人阅读 评论(0) 收藏 举报
分类:
<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('连接')">

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:1309437次
    • 积分:13610
    • 等级:
    • 排名:第972名
    • 原创:24篇
    • 转载:690篇
    • 译文:0篇
    • 评论:139条
    文章分类
    最新评论