애플릿에서 타이머 사용

시간제 노동자

1단계: 타이머 변수 정의(타이머가 다른 함수에서 시작 및 종료되어야 하는 경우 전역 변수를 정의해야 함)

data: {
    
    
	setTime: null, //定时器
}

2단계: 시작 타이머 기능 정의

startCount : function(){
    
    
    this.data.setTime= setInterval(
        this.countTime, 1000);
},

3단계: 타이머가 정기적으로 실행해야 하는 기능 정의

countTime: function () {
    
    
	//TODO
}

4단계: 이벤트에서 타이머를 시작하면 countTime 함수가 정기적으로 실행됩니다.

myFn: function () {
    
    
    this.startInter();
},

5단계: 타이머 지우기

clearInterval(this.data.setTime)

애플릿 페이지가 종료되면 타이머와 영구 연결이 자동으로 해제되지 않고 연결이 끊어지므로 페이지에서 타이머가 해제되지 않으면 수명 주기의 onUnload 함수에서 타이머를 수동으로 해제해야 합니다.

onUnload: function () {
    
    
    //结束定时器
    clearInterval(this.data.setTime)
},

(vue에서 페이지를 전환하려면 또한 수명 주기 함수 beforeDestroy에서 타이머를 수동으로 지워야 합니다.)

    beforeDestroy() {
    
    
        clearInterval(this.setTime)
        this.set = null;
    },