setInterval定义与调用

以下是一个倒计时，可以定义定时器为全局变量（ti2），或局部变量（ti）。

 1 <script type="text/javascript" src="js/jquery-1.12.1.js"></script>
 2 
 3 <script type="text/javascript" >
 4 
 5 　　var ti2;
 6 
 7 $(function(){
 8 　　arr=[1,2,3,4,5];
 9 　　var n = arr.length;
10 　　$("div").html("倒计时："+n);
11 　　var ti=setInterval(function(){
12 　　　　n--;
13 　　　　$("div").html("倒计时："+n);
14 　　　　if(n==0){
15 　　　　　　clearInterval(ti);
16 　　　　　　timing();
17 　　　　　　$("#ok").click(sub);
18 　　　　　　return;    
19 　　　　}
20 　　　　},1000)
21 });
22 
23 　　
24 
25 function timing(){
26 　　var m = 3;
27 　　ti2=setInterval(function(){
28 　　　　$("div").html("倒计时："+m);    
29 　　　　m--;
30 　　　　if(m<0){
31 　　　　　　alert("fail");
32 　　　　　　clearInterval(ti2);
33 　　　　　　return;
34 　　　　}
35 　　},1000);
36 }
37 
38 function sub(){
39 　　clearInterval(ti2);
40 　　timing();
41 }
42 
43 </script>

 

 

 

posted @ 2016-03-16 09:20  animagi  Views(465)  Comments(0)    收藏  举报