老师授课-3-倒计时之后点击

 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 <style>
 7 .bb
 8 {
 9     width:100px; height:40px; background-color:#0F3; border:5px double blue;}
10
11 </style>
12 </head>
13 <body>
14 <input type="button" value="同意(10)" id="bb" disabled="disabled" />
15 </body>
16 </html>
17 <script>
18 var n =10;
19 var bb = document.getElementById("bb");
20 function bian()
21 {
22     n--;
23     if(n==0)
24     {
25         bb.removeAttribute("disabled");
26         bb.value="同意";
27     }
28     else
29     {
30         bb.value="同意("+n+")";
31         window.setTimeout("bian()",1000);
32     }
33 }
34 window.setTimeout("bian()",1000);
35
36 </script>

运行

时间: 2024-10-21 02:44:32

老师授课-3-倒计时之后点击的相关文章

老师授课-2-点击之后变化

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="

【51CTO学院三周年】聆听小马老师授课,技能大增啊

大家好,我是2012年注册的51CTO会员帐号.我之前一直学程序开发,对数据分析,大数据这些内容很感兴趣,linux系统管理也有兴趣.51CTO汇集了好多IT名师大家的授课,内容很丰富,对我的学习帮助很大. 去年下半年打算学习HadoopMapreduce,而要搭建这个计算环境,必须先搭建双机或多机的Linux操作系统,所以首先要学习Linux课程,我选择了上座率最高的小马老师的课,结果一下子就被小马老师的授课风格给吸引了,他授课完全脱离课本教材,不是照本宣科的那种,语言诙谐,幽默风趣,善于用生

倒计时、点击移动变色与注册时,JS验证密码是否正确

<input id="b1" type="button" value="同意(10)" disabled="disabled" /> <script type="text/javascript"> var t = 10; var aa = window.setInterval('a()', 1000); function a() { var b = document.getEleme

CSS老师授课3-float

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="

老师授课-3-回答问题

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="

CSS样式表-1 老师授课

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="

js使用setInterval实现倒计时

利用setInterval制作简单的js倒计时,点击按钮将触发定时器且按钮不可用 html: <button id="code" class="btn btn-default" onclick="getCode();">获取校验码</button> JS: <script type="text/javascript"> var i; function getCode(){ $("#

页面显示多个计时器,有开始暂停按钮来控制倒计时的开关????求大神指点

是这样的,项目需要一个这样的效果我先上个图 需求是这样的,从数据库获取来的列表,组装时间换算成分钟,点击开始时换算成时分秒的格式倒计时,点击暂停按钮停止倒计时,向后台发送原因,可以开启多个倒计时,可以暂停任意一个,还可以点击开始后继续倒计时, 大神们,这可真难着了,这到底该怎么玩呢??? 这个需求是销售公司规定员工在规定时间内完成组装便可以得到奖励金,超过便没有,该怎么实现呢???

Js倒计时程序

Js倒计时程序 点击下载