vue项目轮询 || setInterval()和setTimeout()区别

定义

1. setTimeout()：延时任务。在指定的毫秒数后调用函数或计算表达式,
2. setInterval()：定时任务。在每隔指定的毫秒数循环调用函数或表达式，直到clearInterval把它清除。
3. setTimeout()只执行一次，而setInterval可以多次调用。

栗子

1. setInterval() 定时器

this.timer = setInterval( ()=> {
	console.log( "每隔1秒钟我就会显示一次" ) 
},1000);

    
    
   
   

   
   
  
  

clearInterval(this.timer) //清除定时器

    
    
   
   

   
   
  
  

2. setTimeout() 延时器

var timer = setTimeout( function() {
    alert("hellow world!");      
},1000);

    
    
   
   

   
   
  
  

clearTimeout( timer ); //clearTimeout(ID)来取消 未执行 的超时调用

    
    
   
   

   
   
  
  

轮询

轮询就是不断地去调用同一个接口。当离开这个界面时，就停止对这个接口的不断调用。

 mounted(){
	// 轮循
	this.timer = window.setInterval(() => {
		setTimeout(() => {
		   	this.getList() //调用接口的方法
		  	console.log(1111111111)
		 }, 1)
	}, 3000);
  },

    
    
   
   

   
   
  
  

vue 是单页面应用，路由切换后，定时器并不会自动关闭，需要手动清除，当页面被销毁时，清除定时器即可。

destroyed(){
	clearInterval(this.timer)
},