jquery学习系列13(练习:两个数的和和注册阅读)

1 <html xmlns="http://www.w3.org/1999/xhtml">
2 <head>
3 <title></title>
4
5 <script language="javascript" src="js/jquery-1.5.js"></script>
6
7 <script language="javascript">
8 //计算两文本框的和
9 $(function() {
10 $("#b1").click(function() {
11 var v1 = $("#t1").val();
12 var v2 = $("#t2").val();
13 var v3 = parseInt(parseInt(v1, 10) + parseInt(v2, 10)); //10表示10进制。parseInt转为int
14 //document.getElementById("t3").value = v3;//用javascript的形式把v3放到t3文本框中注意不要js和jquery混着用
15 $("#t3").val(v3);
16 })
17 });
18 </script>
19
20 <script language="javascript">
21
22 var leftSeconds = 10;
23 var intervalId;
24 $(function() {
25 $("#btn2").attr("disabled", true); //用attr设置、取得jquery没有封装的属性即禁用btn2按钮
26 intervalId = setInterval(customDown, 1000); //还可以写成intervalId=setInterval("customDown()", 1000);
27 });
28
29 function customDown() {//给function加一个$()是让它在ready的时候执行
30 if (leftSeconds <= 0) {
31 $("#btn2").val("同意");
32 $("#btn2").attr("disabled", false);
33 clearInterval(intervalId);
34 return;
35 }
36 leftSeconds--;
37 $("#btn2").val("请仔细阅读:还剩"+leftSeconds+"");
38 }
39 </script>
40
41 </head>
42 <body>
43 <input type="text" id="t1" />+<input type="text" id="t2" /><input type="button" id="b1"
44 value="==" /><input type="text" id="t3" />
45 <br /><br /><br />
46 <br />
47 <textarea>afdafdsfaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</textarea>
48 <input type="button" id="btn2" value="同意" />
49 </body>
50 </html>
posted @ 2011-05-09 16:37  aspneteye  阅读(160)  评论(0编辑  收藏  举报