首页 > 其他 > 详细

同意按钮,倒计时10秒,同意按钮变为可提交的

时间:2016-03-26 21:57:05      阅读:302      评论:0      收藏:0      [点我收藏+]

HTML代码:

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 <html xmlns="http://www.w3.org/1999/xhtml">
 3 <head>
 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 5 <title>无标题文档</title>
 6 </head>
 7 
 8 <body>
 9 <form>
10 <input type="submit" id="b1" name="b1" value="同意(10)" disabled="disabled" /></form>
11 </body>
12 </html>
13 <script>
14 
15 var n=10;
16 var b=document.getElementById("b1");
17 function bian()
18 {
19     n--;
20     if(n==0)
21     {
22         b.removeAttribute("disabled");
23         b.value="同意";
24         }
25         else
26         {
27             b.value="同意("+n+")";
28             window.setTimeout("bian()",1000);
29             }        
30 }
31 window.setTimeout("bian()",1000);
32 </script>

效果为:

技术分享技术分享技术分享

同意按钮,倒计时10秒,同意按钮变为可提交的

原文:http://www.cnblogs.com/hanazawalove/p/5323974.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!