settimeout与setinterval_shutdown取消命令

(2) 2024-07-04 10:23

Hi，大家好，我是编程小6，很荣幸遇见你，我把这些年在开发过程中遇到的问题或想法写出来，今天说一说
settimeout与setinterval_shutdown取消命令,希望能够帮助你!!!。

setTimeout (表达式,延时时间)
setInterval(表达式,交互时间) 

延时时间/交互时间是以毫秒为单位的(1000ms=1s)。

setTimeout 在执行时,是在载入后延迟指定时间后,去执行一次表达式,仅执行一次

setInterval在执行时,它从载入后,每隔指定的时间就执行一次表达式（循环）

一、setTimeout 

关于setTimeout方法的第一个参数，可以为直接的代码（要被引号括起），也可以为用函数括起来的代码（不用引号括这），方法名（不用引号和括号或加括号并要引号括起），如下：

1.直接的代码：

[javascript]  view plain
 copy

  1. var i=0;   
  2. setTimeout("i+=1;alert(i)",1000);   


2.
用函数括起来的代码

[javascript]  view plain
 copy

  1. var i=0;   
  2. setTimeout(function(){i+=1;alert(i);},1000);   



3.方法名

[javascript]  view plain
 copy

  1. var i=0;   
  2. function test(){   
  3.   i+=1;   
  4.   alert(i);   
  5. }   
  6. setTimeout("test()",1000);  
  7. //或  
  8. setTimeout(test,1000);  

清空定时器调用 window.clearTimeout(TimeoutID)


二、setInterval

[javascript]  view plain
 copy

  1. <SCRIPT LANGUAGE="JavaScript">    
  2. var timer;//声明一个定时器    
  3. var count = 0;    
  4. function test()    
  5. {    
  6.     //每隔500毫秒执行一次add()方法    
  7.     timer = window.setInterval("add()",500);    
  8. }    
  9. function add(){    
  10.     alert(++ count);    
  11.     if (count == 5)    
  12.     {    
  13.         //如果count值达到5，清空定时器    
  14.         window.clearInterval(timer);    
  15.     }    
  16. }    
  17. test();    
  18. </SCRIPT>   


清空定时器调用 window.clearInterval(IntervalID)


三、用setTimeout实现setInterval的功能 


思路很简单，就是在一个函数中调用不停执行自己，有点像递归 

[javascript]  view plain
 copy

  1. var i=0;   
  2. function xilou(){   
  3.   i+=1;   
  4.   if(i>10){  
  5.     alert(i);  
  6.     return;  
  7.   }   
  8.   setTimeout("xilou()",1000);   
  9.   //用这个也可以   
  10.   //setTimeout(xilou,1000);   
  11. }   







四、在类中使用setTimeout 

 




 
 其实在类中使用大家遇到的问题都是关于this的，只要解决了这个this的问题就万事无忧了。
 呵呵。让我们来分析一下： 
 







   [javascript]  view plain

    copy 



   


   
  




    

  1.  function xilou(){   
    2. 

  2.    this.name="xilou";   
    3. 

  3.    this.sex="男";   
    4. 

  4.    this.num=0;   
    5. 

  5.  }  
    6. 

  6.    
    7. 

  7.  xilou.prototype.count=function(){   
    8. 

  8.    this.num+=1;   
    9. 

  9.    alert(this.num);   
    10. 

  10.    
    11. 

  11.    if(this.num>10){
    
         return;}   
    12. 

  12.    
    13. 

  13.    //下面用四种方法测试,一个一个轮流测试。   
    14. 

  14.    setTimeout("this.count()",1000);//A:当下面的x.count()调用时会发生错误：对象不支持此属性或方法。   
    15. 

  15.    setTimeout("count()",1000);//B:错误显示：缺少对象   
    16. 

  16.    setTimeout(count,1000);//C:错误显示：'count'未定义   
    17. 

  17.    //下面是第四种   
    18. 

  18.    var self=this;   
    19. 

  19.    setTimeout(function(){self.count();},1000);//D:正确   
    20. 

  20.  }   
    21. 

  21.    
    22. 

  22.  var x=new xilou();   
    23. 

  23.  x.count();   
    24. 







 




 
 


错误分析： 




A：中的this其实指是window对象，并不是指当前实例对象 




B和C：中的count()和count其实指的是单独的一个名为count()的函数,但也可以是window.count(),因为window.count()可以省略为count()




D：将变量self指向当前实例对象，这样js解析引擎就不会混肴this指的是谁了。 


今天的分享到此就结束了，感谢您的阅读，如果确实帮到您，您可以动动手指转发给其他人。

				 			   

			  
			

			 
			  

			  

									
	
                

					

					
							
						
						
						
						 
						
					
	
				

                

				
				
				
				
			  			                

                

               
					
										
上一篇
已是最后文章

					

			   

                

               
					
										
下一篇
已是最新文章

					
			  

              

			    
		

						

		 
			

						

			
			   





    	

		
发表回复 
	

		

					
              
		  

		  
		

		

		
	
	  
		

		

		
相关推荐

		

		

			

					

											

							
								
								
myeclipse 8.5注册码_MyEclipse激活码

							
						

											

							
								
								
pycharm如何在服务器上跑程序_配置服务器

							
						

											

							
								
								
mongodb可视化管理工具_mongodb可视化管理工具

							
						

											

							
								
								
设计的思想_设计思维的概念和定义

							
						

										

					

						
					

				

		
	
		 

		

 

 
        

         

						

						
最新文章

						
						
				
						

										
										

										
										

										

											
myeclipse 8.5注册码_MyEclipse激活码

											

												46分钟前
												0
											

										

										
										

										
										

										
										

										

											
pycharm如何在服务器上跑程序_配置服务器

											

												57分钟前
												0
											

										

										
										

										
										

										
										

										

											
mongodb可视化管理工具_mongodb可视化管理工具

											

												2小时前
												1
											

										

										
										

										
										

										
										

										

											
设计的思想_设计思维的概念和定义

											

												2小时前
												1
											

										

										
										

										
										

										
										

										

											
python提取pdf中的图片文字_pdf转换成图片

											

												3小时前
												1
											

										

										
										

										
										

										
										

										

											
单模光纤与多模光纤的区别是什么_光纤线结构

											

												3小时前
												1
											

										

										
										

										
										

										
										

										

											
settimeout与setinterval_shutdown取消命令

											

												4小时前
												2
											

										

										
										

										
										

										
										

										

											
单页面应用和多页面应用的区别_单页面应用有哪些 SEO 方案

											

												4小时前
												1
											

										

										
										

										
										

										
										

										

											
折叠框子_border设置上下边框

											

												5小时前
												1
											

										

										
										

										
										

										
										

										

											
蓝桥杯青少年创意编程组比赛真题_蓝桥杯题库及答案

											

												5小时前
												1